@arcgis/coding-components 5.0.0-next.94 → 5.0.0-next.95

package/dist/components/arcgis-arcade-editor/customElement.js

@@ -1,71 +1,73 @@
-import { g as P, c as E } from "../../chunks/runtime.js";
-import { css as w, html as i, nothing as A } from "lit";
-import { KeyCode as R } from "monaco-editor";
+import { g as w, c as R } from "../../chunks/runtime.js";
+import { css as y, html as i, nothing as $ } from "lit";
+import { KeyCode as D } from "monaco-editor";
 import "monaco-editor/esm/vs/editor/standalone/browser/standaloneServices.js";
 import "monaco-editor/esm/vs/editor/standalone/common/standaloneTheme.js";
 import "monaco-editor/esm/vs/platform/hover/browser/hover.js";
 import "monaco-editor/esm/vs/editor/common/languages/supports/tokenization.js";
-import { LitElement as y, createEvent as x, noShadowRoot as D, safeClassMap as r } from "@arcgis/lumina";
-import { generateGuid as C } from "@arcgis/toolkit/string";
-import { Deferred as k } from "@arcgis/toolkit/promise";
-import { D as B, e as v } from "../../chunks/arcade-executor.js";
-import { s as I, a as M } from "../../chunks/arcade-service-accessors.js";
-import { b as c } from "../../chunks/arcade-defaults.js";
-import { u as L } from "../../chunks/useT9n.js";
-import { createRef as T, ref as F } from "lit/directives/ref.js";
-import { s as U } from "../../chunks/editor.js";
-import j from "@arcgis/core/identity/IdentityManager.js";
+import { LitElement as C, createEvent as S, noShadowRoot as k, safeClassMap as l } from "@arcgis/lumina";
+import { generateGuid as B } from "@arcgis/toolkit/string";
+import { Deferred as I } from "@arcgis/toolkit/promise";
+import { D as M, e as v } from "../../chunks/arcade-executor.js";
+import { s as L, a as T } from "../../chunks/arcade-service-accessors.js";
+import { b as d } from "../../chunks/arcade-defaults.js";
+import { u as F } from "../../chunks/useT9n.js";
+import { createRef as U, ref as j } from "lit/directives/ref.js";
+import { s as z } from "../../chunks/editor.js";
+import N from "@arcgis/core/identity/IdentityManager.js";
+import { log as O, rethrowError as o } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
-const z = w`@layer{arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.sticky{position:sticky;top:0;z-index:10}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}.main-action-bar{border-bottom:var(--arcgis-coding-components-border)!important;flex:0 0 auto;calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}arcgis-arcade-results{border-top:var(--arcgis-coding-components-border)!important;box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}.hidden{display:none}}}`, N = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", O = (s) => {
+v5.0.0-next.95 */
+const H = y`@layer{arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.sticky{position:sticky;top:0;z-index:10}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}.main-action-bar{border-bottom:var(--arcgis-coding-components-border)!important;flex:0 0 auto;calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}arcgis-arcade-results{border-top:var(--arcgis-coding-components-border)!important;box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}.hidden{display:none}}}`, V = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", a = (s, e) => O(s, "Arcade Assistant", e), G = (s) => {
   const { aiAssistantsEnabled: e } = s;
-  return e === void 0 ? (console.warn("areAiAssistantsEnabled is not defined in the organizations settings."), !1) : e;
-}, H = (s) => !(!s || !("id" in s)), V = async (s) => (await j.getCredential(s)).token;
-async function G({
+  return e === void 0 ? (a("warn", "`areAiAssistantsEnabled` is not defined in the organizations settings."), !1) : e;
+}, X = (s) => !(!s || !("id" in s)), q = async (s) => (await N.getCredential(s)).token;
+async function K({
   portalUrl: s,
   profile: e
 }) {
-  if (!H(e))
-    return console.warn("Arcade assistant addon initialization failed: unsupported profile."), { shouldRender: !1 };
-  const t = s.replace(/\/sharing\/rest(\/.*)?$/iu, "").replace(/\/$/u, ""), a = await V(s), n = `${t}/sharing/rest/portals/self?f=json&token=${a}`, l = `${t}/sharing/rest/portals/self/settings?f=json&token=${a}`, d = `${t}/sharing/rest/portals/self/signinSettings?f=json&token=${a}`, h = await Promise.allSettled([
-    fetch(n, { credentials: "include" }).then((o) => o.json()),
-    fetch(l, { credentials: "include" }).then((o) => o.json()),
-    fetch(d, { credentials: "include" }).then((o) => o.json())
-  ]), [p, u, g] = h, f = p.status === "fulfilled" ? p.value : (console.warn("Failed to fetch selfUrl", p.reason), {}), _ = u.status === "fulfilled" ? u.value : (console.warn("Failed to fetch settingsUrl", u.reason), {}), S = g.status === "fulfilled" ? g.value : (console.warn("Failed to fetch signinSettingsUrl", g.reason), {}), m = f?.helperServices?.aiAssistantServices?.url;
-  if (!m)
-    return console.warn("Arcade Assistant service URL is not available in the portal self response."), { shouldRender: !1 };
-  const $ = f.helpBase || "";
-  if (!_)
-    return console.warn("Arcade Assistant settings response is not available."), { shouldRender: !1 };
-  let b = O(_);
-  return S.blockBetaApps === !0 && (console.warn(
+  if (!X(e))
+    return a("warn", "Addon initialization failed. Reason: unsupported profile."), { shouldRender: !1 };
+  const t = s.replace(/\/sharing\/rest(\/.*)?$/iu, "").replace(/\/$/u, ""), n = await q(s), r = `${t}/sharing/rest/portals/self?f=json&token=${n}`, h = `${t}/sharing/rest/portals/self/settings?f=json&token=${n}`, p = `${t}/sharing/rest/portals/self/signinSettings?f=json&token=${n}`, u = await Promise.allSettled([
+    fetch(r, { credentials: "include" }).then((c) => c.json()),
+    fetch(h, { credentials: "include" }).then((c) => c.json()),
+    fetch(p, { credentials: "include" }).then((c) => c.json())
+  ]), [g, f, _] = u, m = g.status === "fulfilled" ? g.value : (a("warn", `Failed to fetch selfUrl. Reason: ${g.reason}.`), {}), b = f.status === "fulfilled" ? f.value : (a("warn", `Failed to fetch settingsUrl. Reason: ${f.reason}.`), {}), P = _.status === "fulfilled" ? _.value : (a("warn", `Failed to fetch signinSettingsUrl. Reason: ${_.reason}.`), {}), x = m?.helperServices?.aiAssistantServices?.url;
+  if (!x)
+    return a("warn", "Service URL is not available in the portal self response."), { shouldRender: !1 };
+  const E = m.helpBase || "";
+  if (!b)
+    return a("warn", "Settings response is not available."), { shouldRender: !1 };
+  let A = G(b);
+  return P.blockBetaApps === !0 && (a(
+    "warn",
     "Arcade Assistant is blocked by the organization settings. To enable it, do not block beta apps in the organization settings."
-  ), b = !1), {
+  ), A = !1), {
     shouldRender: !0,
-    serviceUrl: m,
-    helpBase: $,
-    assistantsEnabled: b,
-    feedbackServiceUrl: N
+    serviceUrl: x,
+    helpBase: E,
+    assistantsEnabled: A,
+    feedbackServiceUrl: V
   };
 }
-class X extends y {
+class W extends C {
   constructor() {
-    super(...arguments), this._codeEditorElt = T(), this._componentReadyDefer = new k(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this.messages = L(), this._modelId = C(), this._openArcadeHelp = () => void window.open(B, "Arcade Help"), this._toggleSidePanel = (e) => {
+    super(...arguments), this._codeEditorElt = U(), this._componentReadyDefer = new I(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this.messages = F(), this._modelId = B(), this._openArcadeHelp = () => void window.open(M, "Arcade Help"), this._toggleSidePanel = (e) => {
       if (!e.target)
         return;
       const t = e.target?.dataset.panelName ?? "none";
-      this.openedSidePanel = t === this.openedSidePanel ? "none" : t, this.openedSidePanel === "none" && this._codeEditorElt.value?.setFocus().catch(console.error);
-    }, this._consoleLogs = [], this._executingScript = !1, this._preparingArcade = !1, this._resultPanel = "output", this._showExecutionPanel = !1, this._arcadeAssistantRemoteState = { shouldRender: !1 }, this.hideDocumentationActions = !1, this.hideSideBar = !1, this.openedSidePanel = "none", this.script = "", this.sideActionBarExpanded = !1, this.arcgisDiagnosticsChange = x({ bubbles: !1 }), this.arcgisScriptChange = x({ bubbles: !1 });
+      this.openedSidePanel = t === this.openedSidePanel ? "none" : t, this.openedSidePanel === "none" && this._codeEditorElt.value?.setFocus().catch(o(this));
+    }, this._consoleLogs = [], this._executingScript = !1, this._preparingArcade = !1, this._resultPanel = "output", this._showExecutionPanel = !1, this._arcadeAssistantRemoteState = { shouldRender: !1 }, this.hideDocumentationActions = !1, this.hideSideBar = !1, this.openedSidePanel = "none", this.script = "", this.sideActionBarExpanded = !1, this.arcgisDiagnosticsChange = S({ bubbles: !1 }), this.arcgisScriptChange = S({ bubbles: !1 });
   }
   static {
     this.properties = { _apiLibrary: 16, _consoleLogs: 16, _editorProfile: 16, _executingScript: 16, _executionResult: 16, _preparingArcade: 16, _resultPanel: 16, _showExecutionPanel: 16, _arcadeAssistantRemoteState: 16, editorInstance: 32, editorOptions: 0, hideDocumentationActions: 5, hideSideBar: 5, openedSidePanel: 2, profile: 0, script: 1, sideActionBarExpanded: 7, snippets: 0, suggestions: 0, testData: 0, customPanels: 0, arcadeAssistant: 0 };
   }
   static {
-    this.shadowRootOptions = D;
+    this.shadowRootOptions = k;
   }
   static {
-    this.styles = [z, U];
+    this.styles = [H, z];
   }
   get editorInstance() {
     return this._codeEditorElt.value?.editorInstance;
@@ -90,17 +92,17 @@ class X extends y {
     await this._componentReadyDefer.promise, await this._codeEditorElt.value?.setFocus();
   }
   async load() {
-    const e = P("./assets");
-    I(e), await this._updateDataModelDeps(), await this._updateArcadeAssistantRemoteState();
+    const e = w("./assets");
+    L(e), await this._updateDataModelDeps(), await this._updateArcadeAssistantRemoteState();
   }
   willUpdate(e) {
-    (e.has("messages") || e.has("profile")) && this.hasUpdated && this._updateDataModelDeps(), e.has("testData") && this._testDataChanged(), e.has("snippets") && c.updateApiContextForModel(this._modelId, {
+    (e.has("messages") || e.has("profile")) && this.hasUpdated && this._updateDataModelDeps(), e.has("testData") && this._testDataChanged(), e.has("snippets") && d.updateApiContextForModel(this._modelId, {
       snippets: this.snippets
     }), e.has("arcadeAssistant") && this._updateArcadeAssistantRemoteState();
   }
   async loaded() {
     this._componentReadyDefer.resolve(), await this._updateApiLibrary();
-    const e = await M();
+    const e = await T();
     this._disposables.push(e.onDiagnosticsChange((t) => !this._preparingArcade && this.arcgisDiagnosticsChange.emit(t.diagnostics))), this.testData && this._addExecuteScriptAction();
   }
   disconnectedCallback() {
@@ -111,15 +113,15 @@ class X extends y {
     await this._updateEditorProfile(), await this._updateApiLibrary();
   }
   _testDataChanged() {
-    !this.testData && this._executeScriptAction && (this._disposeSafely(this._executeScriptAction), this._executeScriptAction = void 0), this.testData && !this._executeScriptAction && this._addExecuteScriptAction(), this._showExecutionPanel && this._executeScript().catch(console.error);
+    !this.testData && this._executeScriptAction && (this._disposeSafely(this._executeScriptAction), this._executeScriptAction = void 0), this.testData && !this._executeScriptAction && this._addExecuteScriptAction(), this._showExecutionPanel && this._executeScript().catch(o(this));
   }
   async _updateEditorProfile() {
     this._preparingArcade = !0;
     try {
-      await c.setProfileForModel(this._modelId, this.profile, {
+      await d.setProfileForModel(this._modelId, this.profile, {
         locale: this.messages._t9nLocale,
         snippets: this.snippets
-      }), this._editorProfile = c.getEditorProfileForModel(this._modelId);
+      }), this._editorProfile = d.getEditorProfileForModel(this._modelId);
     } catch {
       this._editorProfile = void 0;
     } finally {
@@ -127,7 +129,7 @@ class X extends y {
     }
   }
   async _updateApiLibrary() {
-    this._apiLibrary = await c.getApiLibraryForModel(this._modelId);
+    this._apiLibrary = await d.getApiLibraryForModel(this._modelId);
   }
   async _executeScript() {
     const e = this.testData;
@@ -139,8 +141,8 @@ class X extends y {
       return;
     }
     this._showExecutionPanel = !0, this._executingScript = !0, this._consoleLogs = [], setTimeout(() => void (async () => {
-      const a = this._codeEditorElt.value?.value;
-      this._executionResult = await v(t.definition, a, e, (n) => setTimeout(() => this._consoleLogs = [...this._consoleLogs, n], 0)), this._executingScript = !1;
+      const n = this._codeEditorElt.value?.value;
+      this._executionResult = await v(t.definition, n, e, (r) => setTimeout(() => this._consoleLogs = [...this._consoleLogs, r], 0)), this._executingScript = !1;
     })(), 0);
   }
   _toggleShowExecutionPanel() {
@@ -153,13 +155,13 @@ class X extends y {
     e.stopPropagation(), this.script = e.detail, this.arcgisScriptChange.emit(e.detail);
   }
   _insertAsSnippet(e) {
-    this._codeEditorElt.value?.insertSnippet(e.detail).catch(console.error);
+    this._codeEditorElt.value?.insertSnippet(e.detail).catch(o(this));
   }
   _insertAsText(e) {
     this._insertText(e.detail);
   }
   _insertText(e) {
-    this._codeEditorElt.value?.insertText(e).catch(console.error);
+    this._codeEditorElt.value?.insertText(e).catch(o(this));
   }
   _onResultPanelChange(e) {
     this._resultPanel = e.detail;
@@ -172,11 +174,11 @@ class X extends y {
       // An unique identifier for the action.
       id: "run-script",
       label: "Run Arcade Expression",
-      keybindings: [R.F5],
+      keybindings: [D.F5],
       contextMenuGroupId: "code",
       contextMenuOrder: 1,
       run: () => {
-        this.testData && this._executeScript().catch(console.error);
+        this.testData && this._executeScript().catch(o(this));
       }
     });
     e && (this._executeScriptAction = e, this._disposables.push(e));
@@ -186,19 +188,19 @@ class X extends y {
     t !== -1 && this._disposables.splice(t, 1), e.dispose();
   }
   async _updateArcadeAssistantRemoteState() {
-    this.arcadeAssistant && (this._arcadeAssistantRemoteState = await G({
+    this.arcadeAssistant && (this._arcadeAssistantRemoteState = await K({
       ...this.arcadeAssistant,
       profile: this.profile
     }));
   }
   renderMainActionBar() {
-    return this.testData ? i`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${() => void this._executeScript().catch(console.error)}></calcite-action>${this._executionResult ? i`<calcite-action .text=${this.messages.lastresults ?? ""} .active=${this._showExecutionPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>` : null}</calcite-action-group></calcite-action-bar>` : null;
+    return this.testData ? i`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${() => void this._executeScript().catch(o(this))}></calcite-action>${this._executionResult ? i`<calcite-action .text=${this.messages.lastresults ?? ""} .active=${this._showExecutionPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>` : null}</calcite-action-group></calcite-action-bar>` : null;
   }
   renderMainPanel() {
-    return i`<arcgis-code-editor class="flex-adjustable" .editorOptions=${this.editorOptions} .language=${c.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${F(this._codeEditorElt)}></arcgis-code-editor>`;
+    return i`<arcgis-code-editor class="flex-adjustable" .editorOptions=${this.editorOptions} .language=${d.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${j(this._codeEditorElt)}></arcgis-code-editor>`;
   }
-  renderAction({ id: e, label: t, icon: a, active: n, panelName: l, iconFlipRtl: d = !1, onClick: h = this._toggleSidePanel }) {
-    return i`<calcite-action id=${e ?? A} .text=${t} .textEnabled=${this.sideActionBarExpanded} .icon=${a} .active=${n} @click=${h} data-panel-name=${l ?? A} .iconFlipRtl=${d}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip .referenceElement=${e}><span>${t}</span></calcite-tooltip>` || ""}`;
+  renderAction({ id: e, label: t, icon: n, active: r, panelName: h, iconFlipRtl: p = !1, onClick: u = this._toggleSidePanel }) {
+    return i`<calcite-action id=${e ?? $} .text=${t} .textEnabled=${this.sideActionBarExpanded} .icon=${n} .active=${r} @click=${u} data-panel-name=${h ?? $} .iconFlipRtl=${p}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip .referenceElement=${e}><span>${t}</span></calcite-tooltip>` || ""}`;
   }
   renderSideActionBar() {
     return this.hideSideBar ? null : i`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${!!this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action-group>${this.renderAction({
@@ -245,7 +247,7 @@ class X extends y {
     if (this.hideSideBar)
       return null;
     const { openedSidePanel: e } = this;
-    return i`<arcgis-language-api-panel class=${r(e === "api" && "code-editor-side-panel flex-panel border-inline-start")} .loading=${this._preparingArcade} .apiLibrary=${this._apiLibrary} .hideDocumentationActions=${this.hideDocumentationActions} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${this._toggleSidePanel} data-panel-name=none .closed=${e !== "api"}></arcgis-language-api-panel><arcgis-editor-variables class=${r(e === "variables" && "code-editor-side-panel flex-panel border-inline-start")} .loading=${this._preparingArcade} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${this._toggleSidePanel} data-panel-name=none .variable=${this._editorProfile} .closed=${e !== "variables"}></arcgis-editor-variables>${this.suggestions?.length && i`<arcgis-arcade-suggestions class=${r(e === "suggestions" && "code-editor-side-panel flex-panel border-inline-start")} .closed=${e !== "suggestions"} .suggestions=${this.suggestions} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${this._toggleSidePanel} data-panel-name=none></arcgis-arcade-suggestions>` || ""}${this.arcadeAssistant && this._arcadeAssistantRemoteState.shouldRender && i`<arcgis-arcade-coding-assistant class=${r(e === "arcade-assistant" && "code-editor-side-panel flex-panel border-inline-start")} .closed=${e !== "arcade-assistant"} .insertText=${this._insertText.bind(this)} .closePanel=${this._toggleSidePanel} .portalUrl=${this.arcadeAssistant.portalUrl} .serviceUrl=${this._arcadeAssistantRemoteState.serviceUrl} .helpBase=${this._arcadeAssistantRemoteState.helpBase} .assistantsEnabled=${this._arcadeAssistantRemoteState.assistantsEnabled} .feedbackServiceUrl=${this._arcadeAssistantRemoteState.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant.appVersion}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((t) => i`<calcite-flow class=${r(e === t.id ? "code-editor-side-panel flex-panel border-inline-start" : "hidden")}>${t?.useFlows ? t.renderer?.({
+    return i`<arcgis-language-api-panel class=${l(e === "api" && "code-editor-side-panel flex-panel border-inline-start")} .loading=${this._preparingArcade} .apiLibrary=${this._apiLibrary} .hideDocumentationActions=${this.hideDocumentationActions} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${this._toggleSidePanel} data-panel-name=none .closed=${e !== "api"}></arcgis-language-api-panel><arcgis-editor-variables class=${l(e === "variables" && "code-editor-side-panel flex-panel border-inline-start")} .loading=${this._preparingArcade} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${this._toggleSidePanel} data-panel-name=none .variable=${this._editorProfile} .closed=${e !== "variables"}></arcgis-editor-variables>${this.suggestions?.length && i`<arcgis-arcade-suggestions class=${l(e === "suggestions" && "code-editor-side-panel flex-panel border-inline-start")} .closed=${e !== "suggestions"} .suggestions=${this.suggestions} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${this._toggleSidePanel} data-panel-name=none></arcgis-arcade-suggestions>` || ""}${this.arcadeAssistant && this._arcadeAssistantRemoteState.shouldRender && i`<arcgis-arcade-coding-assistant class=${l(e === "arcade-assistant" && "code-editor-side-panel flex-panel border-inline-start")} .closed=${e !== "arcade-assistant"} .insertText=${this._insertText.bind(this)} .closePanel=${this._toggleSidePanel} .portalUrl=${this.arcadeAssistant.portalUrl} .serviceUrl=${this._arcadeAssistantRemoteState.serviceUrl} .helpBase=${this._arcadeAssistantRemoteState.helpBase} .assistantsEnabled=${this._arcadeAssistantRemoteState.assistantsEnabled} .feedbackServiceUrl=${this._arcadeAssistantRemoteState.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant.appVersion}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((t) => i`<calcite-flow class=${l(e === t.id ? "code-editor-side-panel flex-panel border-inline-start" : "hidden")}>${t?.useFlows ? t.renderer?.({
       closePanel: this._toggleSidePanel,
       insertText: this._insertText.bind(this),
       closed: e !== t.id,
@@ -266,7 +268,7 @@ class X extends y {
     return i`${this.renderMainActionBar()}<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable">${this.renderMainPanel()}${this.renderResultsPanel()}</div>${this.renderSidePanel()}${this.renderSideActionBar()}</div>`;
   }
 }
-E("arcgis-arcade-editor", X);
+R("arcgis-arcade-editor", W);
 export {
-  X as ArcgisArcadeEditor
+  W as ArcgisArcadeEditor
 };

package/dist/components/arcgis-arcade-results/customElement.js

@@ -11,7 +11,7 @@ import { t as k } from "../../chunks/monaco-theme.js";
 import { observeAncestorsMutation as z, unsafeGetCalciteModeName as N } from "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
+v5.0.0-next.95 */
 const E = w`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}.ltr-container{direction:ltr}calcite-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.color-info{color:var(--calcite-color-status-info)}.color-error{color:var(--calcite-color-status-danger)}.color-success{color:var(--calcite-color-status-success)}[class*=result-value-]{font-size:var(--calcite-font-size--2);line-height:1.25rem;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-md)}.console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-md);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}.result-value-table{table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap;thead{background-color:var(--calcite-color-foreground-2)}tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}th,td{border-inline-start:1px solid var(--calcite-color-border-3);border-inline-end:1px solid var(--calcite-color-border-3);text-align:start;padding:var(--calcite-spacing-xxs);.string-value{white-space:pre}}th{font-weight:var(--calcite-font-weight-medium)}}}.tree-item-label,.number-value,.string-value,.boolean-value{font-family:var(--calcite-code-family)}.tree-item-label,.value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.dictionary-property{color:var(--arcgis-editor-identifier)}.number-value{color:var(--arcgis-editor-number)}.string-value{color:var(--arcgis-editor-string);white-space:pre-wrap}.constant-value{color:var(--arcgis-editor-constant)}.date-value{color:var(--arcgis-editor-date)}}`, l = {
   lines: !0,
   selectionMode: "none",

package/dist/components/arcgis-arcade-suggestions/customElement.js

@@ -9,7 +9,7 @@ import { c as b } from "../../chunks/markdown.js";
 import { u as _ } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
+v5.0.0-next.95 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
 }

package/dist/components/arcgis-code-editor/customElement.js

@@ -10,7 +10,7 @@ import { load as I } from "@arcgis/lumina/controllers";
 import { Range as v, Uri as s, KeyMod as n, KeyCode as r } from "monaco-editor";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
+v5.0.0-next.95 */
 const M = f`@layer{arcgis-code-editor{display:flex;width:100%;height:100%;flex-direction:column;direction:ltr;.monaco-editor{flex:1 1 auto;.monaco-hover,.editor-widget,.suggest-details-container{z-index:9999}div[widgetid="editor.contrib.resizableContentHoverWidget"],div[widgetid="editor.widget.suggestWidget"],div[widgetid="suggest.details"]{z-index:calc(var(--calcite-z-index-header) + 1)!important}}}}`, y = {
   autoIndent: "advanced",
   automaticLayout: !0,

package/dist/components/arcgis-code-viewer/customElement.js

@@ -4,16 +4,17 @@ import { slotChangeHasContent as g, observeAncestorsMutation as f, unsafeGetCalc
 import { load as S } from "@arcgis/lumina/controllers";
 import { i as v } from "../../chunks/monaco-importer.js";
 import { css as E, html as a } from "lit";
-import { w as l, s as c } from "../../chunks/arcade-contribution.js";
-import { c as T, g as d, o as b } from "../../chunks/colorize.js";
+import { w as l, s as h } from "../../chunks/arcade-contribution.js";
+import { c as T, g as c, o as b } from "../../chunks/colorize.js";
 import { s as C } from "../../chunks/arcade-service-accessors.js";
 import { debounce as y } from "@arcgis/toolkit/function";
 import { Task as N } from "@lit/task";
+import { rethrowError as O, log as w } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
-const O = E`pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);white-space:pre-line;code{font-size:var(--calcite-font-size--2);font-family:var(--calcite-font-family-code)}}:host([round]){pre{border-radius:var(--calcite-corner-radius-round)}}`;
-class w extends p {
+v5.0.0-next.95 */
+const z = E`pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);white-space:pre-line;code{font-size:var(--calcite-font-size--2);font-family:var(--calcite-font-family-code)}}:host([round]){pre{border-radius:var(--calcite-corner-radius-round)}}`;
+class L extends p {
   constructor() {
     super(...arguments), this._monacoEditor = S(v), this.#t = Promise.withResolvers(), this.#e = "", this._slotContentObservers = [], this._onDefaultSlotChange = async (e) => {
       g(e) || (this._codeFromSlot = "");
@@ -35,13 +36,13 @@ class w extends p {
     this.properties = { _codeFromSlot: 16, language: 1, round: 7 };
   }
   static {
-    this.styles = O;
+    this.styles = z;
   }
   #t;
   #e;
   async load() {
-    C(m("./assets")), await c(this.language), await l(this.language), this._applyColorizeStyles(d()), this.manager.onLifecycle(() => (this._themeObserver = f(this.el, ["class"], () => this.updateTheme()), this._themeChangedListener = b(() => {
-      this._applyColorizeStyles(d());
+    C(m("./assets")), await h(this.language), await l(this.language), this._applyColorizeStyles(c()), this.manager.onLifecycle(() => (this._themeObserver = f(this.el, ["class"], () => this.updateTheme()), this._themeChangedListener = b(() => {
+      this._applyColorizeStyles(c());
     }), this.updateTheme(), () => {
       this._themeObserver?.(), this._themeObserver = void 0, this._themeChangedListener?.dispose(), this._themeChangedListener = void 0;
     }));
@@ -50,7 +51,7 @@ class w extends p {
     this.el.hasChildNodes() || this.#t.resolve();
   }
   willUpdate(e) {
-    e.has("language") && c(this.language).then(() => l(this.language)).catch((t) => console.error(t));
+    e.has("language") && h(this.language).then(() => l(this.language)).catch(O(this));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._disposeSlotObservers();
@@ -69,7 +70,7 @@ class w extends p {
     const i = { characterData: !0, childList: !0, subtree: !0 }, r = y(() => {
       const s = this._computeSlotText(e);
       s !== this._codeFromSlot && (this._codeFromSlot = s);
-    }, 100), h = (s) => {
+    }, 100), d = (s) => {
       if (s.some((n) => n.type === "childList")) {
         const n = this._computeSlotText(e);
         n !== this._codeFromSlot && (this._codeFromSlot = n);
@@ -78,7 +79,7 @@ class w extends p {
       r();
     };
     o.forEach((s) => {
-      const n = new MutationObserver(h);
+      const n = new MutationObserver(d);
       n.observe(s, i), this._slotContentObservers.push(n);
     });
   }
@@ -89,7 +90,7 @@ class w extends p {
       if (o)
         return (o.innerHTML ?? "").trim();
       const i = t.map((r) => r.nodeType === Node.ELEMENT_NODE ? r.outerHTML : r.nodeType === Node.TEXT_NODE ? r.textContent ?? "" : "").join("").trim();
-      return i && process.env.NODE_ENV !== "production" && console.warn("arcgis-code-viewer(html): Consider wrapping your snippet in a <template> for fully inert, intention-revealing markup."), i;
+      return i && process.env.NODE_ENV !== "production" && w("warn", this, "Consider wrapping your snippet in a <template> for fully inert, intention-revealing markup."), i;
     }
     return t.map((o) => o.textContent ?? "").join("").trim();
   }
@@ -113,7 +114,7 @@ class w extends p {
     })}</pre></div>`;
   }
 }
-u("arcgis-code-viewer", w);
+u("arcgis-code-viewer", L);
 export {
-  w as ArcgisCodeViewer
+  L as ArcgisCodeViewer
 };

package/dist/components/arcgis-editor-variables/customElement.js

@@ -5,14 +5,15 @@ import { LitElement as d, createEvent as a } from "@arcgis/lumina";
 import { setFocusOnElement as h } from "@arcgis/toolkit/dom";
 import { createFilterExpression as f } from "@arcgis/toolkit/string";
 import { u as m } from "../../chunks/useT9n.js";
+import { log as u } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
-const u = n`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2);word-break:break-word}}`;
-function g(l) {
+v5.0.0-next.95 */
+const g = n`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2);word-break:break-word}}`;
+function p(l) {
   l.key === "Enter" && l.stopPropagation();
 }
-class p extends d {
+class b extends d {
   constructor() {
     super(...arguments), this._beforeBack = async () => {
       this.removeLastPanelRenderer(), this._filterValue = "";
@@ -22,7 +23,7 @@ class p extends d {
     this.properties = { _filterValue: 16, _flowItemRenderers: 16, _mode: 16, _mutationCounter: 16, loading: 5, modelId: 1, closed: 5, variable: 0 };
   }
   static {
-    this.styles = u;
+    this.styles = g;
   }
   load() {
     this._variableChanged();
@@ -102,7 +103,7 @@ class p extends d {
     return !r && !e.loaded && (e.loadSource().then(() => setTimeout(() => {
       this._mutationCounter += 1;
     })).catch(() => {
-      console.error("Error loading collection"), r = !1;
+      u("error", this, "Error loading collection"), r = !1;
     }), r = !0), s`<calcite-flow-item heading-level=2 .heading=${this._getHeadingForCollection(e)} .description=${this._getDescriptionForCollection(e)} .beforeBack=${this._beforeBack} closable @calciteFlowItemClose=${this._emitClose} .selected=${i}><calcite-action slot=header-actions-end .text=${this.messages.backtotop ?? ""} scale=m .hidden=${t || this._isMode("featureSet")} icon=chevrons-left icon-flip-rtl @click=${this._backToTop}></calcite-action><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m .label=${this.messages.filterthevariablesbyname ?? ""} name=variable-filter></calcite-input>${r ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? ""}></calcite-loader>` : s`<calcite-list label=variables>${this.renderEditorVariables(e)}</calcite-list>`}</calcite-flow-item>`;
   }
   renderEditorVariables(e) {
@@ -114,7 +115,7 @@ class p extends d {
       case "group":
         return this._isMode("featureSet") && e.isHeader ? s`<calcite-list-item-group .heading=${e.getLabel()}></calcite-list-item-group>` : this._isMode("featureSet") && e._label?.code === "fields" ? this.renderEditorVariables(e) : s`<calcite-list-item-group .heading=${e.getLabel()}>${this.renderEditorVariables(e)}</calcite-list-item-group>`;
       default:
-        return s`<calcite-list-item .label=${e.getLabel()} .description=${e.getDescription()} @calciteListItemSelect=${(t) => this._emitItemSelected(t, e)} @keydown=${(t) => this._emitItemSelected(t, e)}>${e.isCollection ? s`<calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(t) => this._showCollectionPanel(t, e)} @keydown=${g}></calcite-action>` : null}${e.icon ? s`<calcite-icon .icon=${e.icon} scale=s slot=content-start></calcite-icon>` : null}</calcite-list-item>`;
+        return s`<calcite-list-item .label=${e.getLabel()} .description=${e.getDescription()} @calciteListItemSelect=${(t) => this._emitItemSelected(t, e)} @keydown=${(t) => this._emitItemSelected(t, e)}>${e.isCollection ? s`<calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(t) => this._showCollectionPanel(t, e)} @keydown=${p}></calcite-action>` : null}${e.icon ? s`<calcite-icon .icon=${e.icon} scale=s slot=content-start></calcite-icon>` : null}</calcite-list-item>`;
     }
   }
   render() {
@@ -124,7 +125,7 @@ class p extends d {
     ))}</calcite-flow>`;
   }
 }
-o("arcgis-editor-variables", p);
+o("arcgis-editor-variables", b);
 export {
-  p as ArcgisEditorVariables
+  b as ArcgisEditorVariables
 };

package/dist/components/arcgis-language-api-panel/customElement.js

@@ -9,7 +9,7 @@ import { c as n } from "../../chunks/markdown.js";
 import { u as f } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
+v5.0.0-next.95 */
 const g = m`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class b extends h {
   constructor() {

package/dist/components/arcgis-sql-expression-editor/customElement.js

@@ -1,19 +1,20 @@
-import { c as r } from "../../chunks/runtime.js";
-import { css as n, html as t } from "lit";
-import { LitElement as c, createEvent as a, noShadowRoot as l, safeClassMap as o } from "@arcgis/lumina";
-import { generateGuid as d } from "@arcgis/toolkit/string";
+import { c as n } from "../../chunks/runtime.js";
+import { css as c, html as t } from "lit";
+import { LitElement as d, createEvent as o, noShadowRoot as l, safeClassMap as r } from "@arcgis/lumina";
+import { generateGuid as p } from "@arcgis/toolkit/string";
 import { a as s } from "../../chunks/sql-expr-defaults.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { createRef as h, ref as g } from "lit/directives/ref.js";
-import { s as f } from "../../chunks/editor.js";
-import { getSqlExprDiagnosticService as _ } from "../../chunks/sql-expr-mode.js";
+import { u as h } from "../../chunks/useT9n.js";
+import { createRef as g, ref as f } from "lit/directives/ref.js";
+import { s as _ } from "../../chunks/editor.js";
+import { getSqlExprDiagnosticService as u } from "../../chunks/sql-expr-mode.js";
+import { rethrowError as a } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
-const u = n`@layer{arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%}}`;
-class m extends c {
+v5.0.0-next.95 */
+const m = c`@layer{arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%}}`;
+class v extends d {
   constructor() {
-    super(...arguments), this._codeEditorElt = h(), this._disposables = [], this.messages = p(), this._modelId = d(), this._preparing = !1, this.sideActionBarExpanded = !1, this.script = "", this.hideSideBar = !1, this.arcgisDiagnosticsChange = a({ bubbles: !1 }), this.arcgisScriptChange = a({ bubbles: !1 });
+    super(...arguments), this._codeEditorElt = g(), this._disposables = [], this.messages = h(), this._modelId = p(), this._preparing = !1, this.sideActionBarExpanded = !1, this.script = "", this.hideSideBar = !1, this.arcgisDiagnosticsChange = o({ bubbles: !1 }), this.arcgisScriptChange = o({ bubbles: !1 });
   }
   static {
     this.properties = { _activeAction: 16, _apiLibrary: 16, _editorProfile: 16, _preparing: 16, sideActionBarExpanded: 16, profile: 0, script: 1, hideSideBar: 5 };
@@ -22,19 +23,19 @@ class m extends c {
     this.shadowRootOptions = l;
   }
   static {
-    this.styles = [u, f];
+    this.styles = [m, _];
   }
   async setFocus() {
     await this._codeEditorElt.value?.setFocus();
   }
   async load() {
-    await this._updateEditorProfile().catch(console.error);
+    await this._updateEditorProfile().catch(a(this));
   }
   willUpdate(i) {
     (i.has("messages") || i.has("profile")) && this._updateDataModelDeps();
   }
   async loaded() {
-    const i = await _();
+    const i = await u();
     this._disposables.push(i.onDiagnosticsChange((e) => !this._preparing && this.arcgisDiagnosticsChange.emit(e.diagnostics)));
   }
   disconnectedCallback() {
@@ -66,10 +67,10 @@ class m extends c {
     this._setActiveAction(e.dataset.panelName);
   }
   _insertAsSnippet(i) {
-    this._codeEditorElt.value?.insertSnippet(i.detail).catch(console.error);
+    this._codeEditorElt.value?.insertSnippet(i.detail).catch(a(this));
   }
   _insertAsText(i) {
-    this._codeEditorElt.value?.insertText(i.detail.replaceAll('"', "'")).catch(console.error);
+    this._codeEditorElt.value?.insertText(i.detail.replaceAll('"', "'")).catch(a(this));
   }
   async _updateApiLibrary() {
     this._apiLibrary = await s.getApiLibraryForModel(this._modelId);
@@ -80,17 +81,17 @@ class m extends c {
   _getFeatureSetVariable() {
     let i;
     const e = s.getEditorProfileForModel(this._modelId);
-    return e?.variables?.length && e?.variables?.[0]?.type !== "featureSet" ? console.error("encountered unexpected editor profile") : i = e?.variables?.[0], i;
+    return e?.variables?.length && e?.variables?.[0]?.type !== "featureSet" ? a(this)("Encountered unexpected editor profile") : i = e?.variables?.[0], i;
   }
   _toggleSideActionBarExpanded() {
     this.sideActionBarExpanded = !this.sideActionBarExpanded;
   }
   render() {
     const i = this._getFeatureSetVariable();
-    return t`<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><arcgis-code-editor language=arcgis-sql-expression .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} ${g(this._codeEditorElt)}></arcgis-code-editor></div>${!this.hideSideBar && t`<arcgis-editor-variables .variable=${i} .closed=${this._activeAction !== "fields"} class=${o(this._activeAction === "fields" && "code-editor-side-panel flex-panel border-inline-start")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${() => this._setActiveAction(void 0)} data-panel-name=none></arcgis-editor-variables>` || ""}${!this.hideSideBar && t`<arcgis-language-api-panel class=${o(this._activeAction === "functions" && "code-editor-side-panel flex-panel border-inline-start")} .closed=${this._activeAction !== "functions"} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${() => this._setActiveAction(void 0)} .loading=${this._preparing} .apiLibrary=${this._apiLibrary} data-panel-name=none hide-documentation-actions .languageId=${s.languageId}></arcgis-language-api-panel>` || ""}${!this.hideSideBar && t`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=fields-action .text=${this.messages.fields ?? "Fields"} icon=profile-variables .active=${this._activeAction === "fields"} data-panel-name=fields @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && t`<calcite-tooltip reference-element=fields-action><span>${this.messages.fields ?? "Fields"}</span></calcite-tooltip>` || ""}<calcite-action id=functions-action .text=${this.messages.functions ?? "Functions"} icon=function .active=${this._activeAction === "functions"} data-panel-name=functions @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && t`<calcite-tooltip reference-element=functions-action><span>${this.messages.functions ?? "Functions"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</div>`;
+    return t`<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><arcgis-code-editor language=arcgis-sql-expression .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} ${f(this._codeEditorElt)}></arcgis-code-editor></div>${!this.hideSideBar && t`<arcgis-editor-variables .variable=${i} .closed=${this._activeAction !== "fields"} class=${r(this._activeAction === "fields" && "code-editor-side-panel flex-panel border-inline-start")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${() => this._setActiveAction(void 0)} data-panel-name=none></arcgis-editor-variables>` || ""}${!this.hideSideBar && t`<arcgis-language-api-panel class=${r(this._activeAction === "functions" && "code-editor-side-panel flex-panel border-inline-start")} .closed=${this._activeAction !== "functions"} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${() => this._setActiveAction(void 0)} .loading=${this._preparing} .apiLibrary=${this._apiLibrary} data-panel-name=none hide-documentation-actions .languageId=${s.languageId}></arcgis-language-api-panel>` || ""}${!this.hideSideBar && t`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=fields-action .text=${this.messages.fields ?? "Fields"} icon=profile-variables .active=${this._activeAction === "fields"} data-panel-name=fields @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && t`<calcite-tooltip reference-element=fields-action><span>${this.messages.fields ?? "Fields"}</span></calcite-tooltip>` || ""}<calcite-action id=functions-action .text=${this.messages.functions ?? "Functions"} icon=function .active=${this._activeAction === "functions"} data-panel-name=functions @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && t`<calcite-tooltip reference-element=functions-action><span>${this.messages.functions ?? "Functions"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</div>`;
   }
 }
-r("arcgis-sql-expression-editor", m);
+n("arcgis-sql-expression-editor", v);
 export {
-  m as ArcgisSqlExpressionEditor
+  v as ArcgisSqlExpressionEditor
 };

package/dist/components/arcgis-sql-expression-fields/customElement.js

@@ -6,7 +6,7 @@ import { a as m } from "../../chunks/sql-expr-defaults.js";
 import { u as d } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.94 */
+v5.0.0-next.95 */
 const h = r`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class g extends n {
   constructor() {

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-12-18T04:37:52",
+  "timestamp": "2025-12-19T04:37:06",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.94",
+    "version": "5.0.0-next.95",
     "typescriptVersion": "5.9.3"
   },
   "schemaVersion": "2.1.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-12-18T04:37:52",
+  "timestamp": "2025-12-19T04:37:06",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.94",
+    "version": "5.0.0-next.95",
     "typescriptVersion": "5.9.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/coding-components",
-  "version": "5.0.0-next.94",
+  "version": "5.0.0-next.95",
   "description-markup": "markdown",
   "contributions": {
     "html": {