@arcgis/coding-components 5.0.0-next.39 → 5.0.0-next.41

package/dist/chunks/utilities.js

@@ -0,0 +1,90 @@
+import { createFilterExpression as d } from "@arcgis/toolkit/string";
+import { format as f } from "@arcgis/arcade-languageservice";
+/*! 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.41 */
+function b(e, r, s, u) {
+  if (!r)
+    return [];
+  const t = Array.isArray(r) ? r : [r];
+  if (!t.length)
+    return [];
+  const m = d(s);
+  return e.filter((o) => t.some((a) => m.test(String(o[a] ?? ""))));
+}
+function L(e) {
+  return e ? `${e.portal.url}/home/item.html?id=${e.id}` : "";
+}
+function p(e, r, s = "add", u) {
+  if (!e)
+    return;
+  const t = e.getSelection(), m = t && (t.startLineNumber !== t.endLineNumber || t.startColumn !== t.endColumn);
+  let o = [];
+  const a = e.getValue() ?? "";
+  if (s === "replace") {
+    const l = `${u}
+${r}`, i = e.getModel(), n = i?.getLineCount() ?? 1, c = i?.getLineMaxColumn(n) ?? 1;
+    o = [
+      {
+        range: {
+          startLineNumber: 1,
+          startColumn: 1,
+          endLineNumber: n,
+          endColumn: c
+        },
+        text: l
+      }
+    ];
+  } else {
+    const l = m ? {
+      startLineNumber: t.startLineNumber,
+      startColumn: t.startColumn,
+      endLineNumber: t.endLineNumber,
+      endColumn: t.endColumn
+    } : (() => {
+      const n = e.getPosition();
+      return {
+        startLineNumber: n?.lineNumber ?? 1,
+        startColumn: n?.column ?? 1,
+        endLineNumber: n?.lineNumber ?? 1,
+        endColumn: n?.column ?? 1
+      };
+    })();
+    let i = !1;
+    if (u) {
+      const n = u.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
+      i = !new RegExp(`^\\s*${n}\\s*$`, "mu").test(a);
+    }
+    i && o.push({
+      range: {
+        startLineNumber: 1,
+        startColumn: 1,
+        endLineNumber: 1,
+        endColumn: 1
+      },
+      text: `${u}
+`
+    }), o.push({
+      range: l,
+      text: r
+    });
+  }
+  try {
+    e.pushUndoStop(), e.executeEdits("insertText", o), e.pushUndoStop(), e.focus();
+  } catch (l) {
+    console.error("Failed to edit model:", l);
+  }
+}
+function N(e) {
+  try {
+    return f(e);
+  } catch {
+    return e;
+  }
+}
+export {
+  N as a,
+  p as e,
+  b as f,
+  L as p
+};

package/dist/components/arcgis-arcade-coding-assistant/customElement.js

@@ -6,7 +6,7 @@ import { u as W } from "../../chunks/useT9n.js";
 import { b as S } from "../../chunks/arcade-defaults.js";
 import { css as G, html as r } from "lit";
 import I from "@arcgis/core/request.js";
-import { e as Q, a as J } from "../../chunks/monaco-importer.js";
+import { e as Q, a as J } from "../../chunks/utilities.js";
 import { repeat as U } from "lit/directives/repeat.js";
 import "@arcgis/toolkit/function";
 import { generateGuid as K } from "@arcgis/toolkit/string";
@@ -17,7 +17,7 @@ import Z from "@arcgis/core/Graphic.js";
 import { b as ee } from "../../chunks/language-defaults-base.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.39 */
+v5.0.0-next.41 */
 const te = G`:host(:not([closed])){container-type:size;--calcite-block-border-color: var(--calcite-color-transparent);flex:1 0 auto;border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box;max-width:var(--arcgis-coding-components-code-editor-side-panel-max-w);width:var(--arcgis-coding-components-code-editor-side-panel-w);.submission-actions-wrapper{display:flex;flex-direction:column;width:100%;gap:.75rem}.submission-actions{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}@container (max-width: 380px){.hidden-below-380{display:none}}@container (min-width: 380px){.hidden-above-380{display:none}}.gaps{display:flex;gap:.25rem}.align-inline-end{margin-inline-start:auto}.action .error-display{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}.context-popover p{padding:0 .5rem;font-size:var(--calcite-font-size-sm)}.feedback-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:30vh;overflow-y:auto}.feedback-sheet{--calcite-sheet-height: auto;--calcite-sheet-max-height: 100%;--calcite-sheet-min-height: auto}calcite-chip[slot=header-actions-end]{align-self:center;margin-inline-end:.5rem}calcite-flow-item calcite-shell{background:transparent}calcite-block{width:100%;max-width:100%;align-self:flex-end;background-color:transparent;margin-block:0}calcite-sheet{--calcite-sheet-scrim-background: rgba(200, 200, 200, .5)}.type-suggestion{--calcite-color-foreground-1: var(--calcite-color-foreground-current);--calcite-color-text-3: var(--calcite-color-text-2);--calcite-icon-color: var(--calcite-color-brand)}.type-history{--calcite-icon-color: var(--calcite-color-text-2)}.type-response{--calcite-icon-color: var(--calcite-color-brand);--calcite-font-family: monospace}.block-response{align-self:flex-start;margin-block-end:4rem;border-block-end:0;--calcite-block-text-color: var(--calcite-color-brand)}calcite-list-item calcite-button{margin-inline-end:.25rem}.type-docs{--calcite-color-foreground-1: var(--calcite-color-foreground-3);--calcite-icon-color: var(--calcite-color-text-1)}.type-error{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-font-family: monospace;border:1px solid var(--calcite-color-status-danger)}#thumbs-up{margin-inline-start:auto;--calcite-icon-color: var(--calcite-color-border-input)}#thumbs-down{--calcite-icon-color: var(--calcite-color-border-input)}calcite-flow-item calcite-shell calcite-notice{margin-block:1rem}.no-space-block,.no-space-block[open]{margin:0}calcite-block[open]:last-of-type{border-block-end:0}.text-area-wrapper{display:flex;border-radius:var(--calcite-corner-radius-round);margin:.75rem;overflow:hidden;--calcite-color-border-input: transparent;position:sticky;box-shadow:var(--calcite-shadow-sm);flex:none}calcite-text-area{height:auto;min-height:5.75rem;overflow:hidden;border-radius:var(--calcite-corner-radius-round) var(--calcite-corner-radius-round) 0 0;--calcite-font-weight-normal: 500;font-weight:500;line-height:1.2}calcite-tooltip{--calcite-tooltip-z-index: 1000}.standalone-list{margin:1rem;width:calc(100% - 2rem)}.result-disclaimer{display:block;width:24rem;max-width:90%;margin:1rem auto;text-align:center;line-height:1.125rem;font-size:.875rem;font-style:italic}calcite-flow{height:100%}calcite-popover calcite-list{--calcite-list-background-color: transparent;--calcite-input-border-color: transparent}calcite-popover calcite-list calcite-filter{--calcite-spacing-sm: 0}.contained-popover-or-tooltip{--calcite-popover-max-size-x: 100%;--calcite-tooltip-max-size-x: 100%}.break-spaces{white-space:break-spaces}.feedback-button-container{margin-inline-start:auto;gap:0}.info-heading{font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-1)}.unstyled-h3{margin:unset;font-size:var(--calcite-font-size-md)}.unstyled-shell{position:unset;inset:unset;display:unset;block-size:unset;inline-size:unset}.suggestion-button{font-weight:var(--calcite-font-weight-medium)}.info-block{max-width:450px}#result-block{calcite-card-group{--calcite-card-group-gap: 1.25rem}calcite-card{--calcite-card-corner-radius: var(--calcite-corner-radius-round);--calcite-card-border-color: transparent;width:100%}.positioned-code-content{display:flex;flex-direction:row;gap:.5rem;padding:.5rem}calcite-card [slot=title] calcite-chip{margin-block-start:.25rem}.code-response-wrapper{position:relative;background:var(--calcite-color-foreground-2);border-radius:var(--calcite-corner-radius-round);margin-top:-1.5rem}.prior-prompt{display:flex;flex-direction:row;padding:0;overflow-y:hidden;overflow-x:auto;margin:.25rem 0 .75rem;align-items:center;max-width:100%;span{overflow-x:auto;overflow-y:hidden}}.copy-feedback{display:none}.copy-prompt-button{align-self:flex-start;margin-inline-start:auto}.response-secondary-action-button[data-copied]+.copy-feedback,.copy-prompt-button[data-copied]+.copy-feedback{display:block;span{padding:.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text--2);font-weight:var(--calcite-font-weight-medium)}}.copy-prompt-button[data-copied]~.copy-tooltip,.response-secondary-action-button[data-copied]~.copy-tooltip{display:none}code{white-space:pre;font-size:12px;margin:0;overflow-x:auto;font-family:Fira Mono,Consolas,Menlo,monospace;display:block;max-height:12rem;position:relative;padding:.5rem}.code-collapse{margin-inline-start:auto}.response-secondary-action-button{margin-left:.5rem}.add-to-editor-button{--calcite-internal-button-border-color: unset}}.collapsible-code{padding:.5rem}.collapsible-code summary{cursor:pointer;font-weight:500;color:var(--calcite-color-brand);outline:none;padding:.25rem 0}.collapsible-code[open] summary{color:var(--calcite-color-text-2)}.collapsible-error{padding:.5rem}.collapsible-error summary{cursor:pointer;font-weight:500;color:var(--calcite-color-status-danger);outline:none;padding:.25rem 0}.collapsible-error[open] summary{color:var(--calcite-color-text-2)}.response-error-container{padding:.5rem;background:color-mix(in srgb,var(--calcite-color-status-warning) 10%,transparent);border-radius:var(--calcite-corner-radius-round);margin:1rem 0;font-size:var(--calcite-font-size--2);--calcite-input-message-icon-color: var(--calcite-color-status-warning)}.response-error-chip{--calcite-internal-chip-background-color: var(--calcite-color-status-warning);--calcite-chip-icon-color: var(--calcite-color-foreground-1);--calcite-chip-border-color: var(--calcite-color-transparent)}.feedback-actions{gap:unset}.contained{max-width:100%;max-height:100%;max-width:100cqi;max-height:75cqb;overflow-y:auto}}:host([closed]){display:none}`;
 class v extends Error {
   constructor({
@@ -190,7 +190,7 @@ function N({ hidden: i = !1, expanded: e = !1, messages: t, cards: o, heading: c
   }}></calcite-action><calcite-popover .referenceElement=${`copy-prompt-${a.conversationId}-${s ? "standalone" : "list"}`} placement=top-start class="copy-feedback" .label=${t.copiedsuccessfully ?? "copied successfully"} open trigger-disabled><span>${t.copiedsuccessfully ?? "copied successfully"}</span></calcite-popover><calcite-tooltip .referenceElement=${`copy-prompt-${a.conversationId}-${s ? "standalone" : "list"}`} placement=top-start class="copy-tooltip">${t.copyprompttoclipboard ?? "Copy prompt to clipboard"}</calcite-tooltip></div>${a.message && s && r`<div class="response-error-container">${F({ errorMessage: a.message })}</div>` || ""}</div><div><div class="code-response-wrapper"><div class="positioned-code-content"><calcite-chip-group .label=${t.responsecontext ?? "Response Context"} scale=s>${a.message && !s && r`<calcite-tooltip .referenceElement=${`response-chip-${a.conversationId}-error`} placement=top-start>${a.message}</calcite-tooltip><calcite-chip .id=${`response-chip-${a.conversationId}-error`} .label=${t.error ?? "Error"} scale=s appearance=outline icon=exclamation-mark-triangle-f class="response-error-chip"></calcite-chip>` || ""}${a.chips?.map((l) => {
     const p = K();
     return r`${l.tooltip && r`<calcite-tooltip .referenceElement=${`response-chip-${l.conversationId}-${p}`} placement=top-start class="contained-popover-or-tooltip">${l.tooltip}</calcite-tooltip>` || ""}<calcite-chip .label=${l.label} .scale=${l.scale ?? "s"} .appearance=${l.appearance ?? "outline"} .icon=${l.icon} .id=${`response-chip-${l.conversationId}-${p}`}>${l.label}</calcite-chip>`;
-  })}</calcite-chip-group></div><details class="collapsible-code" open><summary>Code response</summary><code>${a.code}</code></details></div></div><div slot=footer-start class="feedback-actions"><calcite-button class="add-to-editor-button hidden-above-380" @click=${() => a.onAddToEditor("add")} scale=s icon-start=plus round .label=${t.addtoeditor ?? "Add to editor"} .id=${`add-to-editor-button-${a.conversationId}-${s ? "standalone" : "list"}`}></calcite-button><calcite-tooltip class="hidden-above-380" .referenceElement=${`add-to-editor-button-${a.conversationId}-${s ? "standalone" : "list"}`} placement=top-start>${t.addtoeditor ?? "Add to editor"}</calcite-tooltip><calcite-button class="add-to-editor-button hidden-below-380" @click=${() => a.onAddToEditor("add")} scale=s icon-start=plus round>${t.addtoeditor ?? "Add to editor"}</calcite-button><calcite-button round icon-start=file-code kind=neutral scale=s @click=${() => a.onAddToEditor("replace")} class="response-secondary-action-button" .id=${`replace-${a.conversationId}-${s ? "standalone" : "list"}`}></calcite-button><calcite-tooltip .referenceElement=${`replace-${a.conversationId}-${s ? "standalone" : "list"}`} placement=top-start><span>${t.replaceineditor ?? "Replace all code in editor"}</span></calcite-tooltip><calcite-button round icon-start=copy-to-clipboard kind=neutral scale=s @click=${(l) => {
+  })}</calcite-chip-group></div><details class="collapsible-code" open><summary>Code response</summary><arcgis-code-viewer language=arcade round>${a.code}</arcgis-code-viewer></details></div></div><div slot=footer-start class="feedback-actions"><calcite-button class="add-to-editor-button hidden-above-380" @click=${() => a.onAddToEditor("add")} scale=s icon-start=plus round .label=${t.addtoeditor ?? "Add to editor"} .id=${`add-to-editor-button-${a.conversationId}-${s ? "standalone" : "list"}`}></calcite-button><calcite-tooltip class="hidden-above-380" .referenceElement=${`add-to-editor-button-${a.conversationId}-${s ? "standalone" : "list"}`} placement=top-start>${t.addtoeditor ?? "Add to editor"}</calcite-tooltip><calcite-button class="add-to-editor-button hidden-below-380" @click=${() => a.onAddToEditor("add")} scale=s icon-start=plus round>${t.addtoeditor ?? "Add to editor"}</calcite-button><calcite-button round icon-start=file-code kind=neutral scale=s @click=${() => a.onAddToEditor("replace")} class="response-secondary-action-button" .id=${`replace-${a.conversationId}-${s ? "standalone" : "list"}`}></calcite-button><calcite-tooltip .referenceElement=${`replace-${a.conversationId}-${s ? "standalone" : "list"}`} placement=top-start><span>${t.replaceineditor ?? "Replace all code in editor"}</span></calcite-tooltip><calcite-button round icon-start=copy-to-clipboard kind=neutral scale=s @click=${(l) => {
     const p = l.currentTarget;
     d(a.code).then(() => {
       p.setAttribute("data-copied", "true"), setTimeout(() => p.removeAttribute("data-copied"), 1500);

package/dist/components/arcgis-arcade-coding-assistant/index.d.ts

@@ -18,6 +18,7 @@ import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-chip-group";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";
+import "../arcgis-code-viewer/index.js";
 import "@esri/calcite-components/components/calcite-flow";
 import "@esri/calcite-components/components/calcite-flow-item";
 import "@esri/calcite-components/components/calcite-scrim";

package/dist/components/arcgis-arcade-coding-assistant/index.js

@@ -18,6 +18,7 @@ import "@esri/calcite-components/components/calcite-dialog";
 import "@esri/calcite-components/components/calcite-chip-group";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";
+import "../arcgis-code-viewer/index.js";
 import "@esri/calcite-components/components/calcite-flow";
 import "@esri/calcite-components/components/calcite-flow-item";
 import "@esri/calcite-components/components/calcite-scrim";

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

@@ -8,16 +8,15 @@ import { LitElement as y, createEvent as x, noShadowRoot as D, safeClassMap as r
 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 } from "../../chunks/setup-monaco.js";
+import { s as I, a as M } from "../../chunks/arcade-service-accessors.js";
 import { b as c } from "../../chunks/arcade-defaults.js";
-import { a as M } from "../../chunks/arcade-service-accessors.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";
 /*! 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.39 */
+v5.0.0-next.41 */
 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) => {
   const { aiAssistantsEnabled: e } = s;
   return e === void 0 ? (console.warn("areAiAssistantsEnabled is not defined in the organizations settings."), !1) : e;

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

@@ -9,7 +9,7 @@ import "@arcgis/toolkit/function";
 import { createRef as g, ref as $ } from "lit/directives/ref.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.39 */
+v5.0.0-next.41 */
 const _ = M`: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)}}`, a = {
   lines: !0,
   selectionMode: "none",

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

@@ -3,12 +3,13 @@ import { ref as l } from "lit/directives/ref.js";
 import { css as d, html as s, nothing as c } from "lit";
 import { setFocusOnElement as g, focusElement as u } from "@arcgis/toolkit/dom";
 import { LitElement as h, createEvent as r } from "@arcgis/lumina";
-import { g as a, o as m, b as f, c as p } from "../../chunks/markdown.js";
-import { f as b } from "../../chunks/monaco-importer.js";
+import { g as a, o as m, a as f } from "../../chunks/colorize.js";
+import { f as p } from "../../chunks/utilities.js";
+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.39 */
+v5.0.0-next.41 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
 }
@@ -66,11 +67,11 @@ class $ extends h {
     return this.suggestions === void 0 ? null : v(this.suggestions) ? this.suggestions.map((e) => s`<calcite-list-item-group .heading=${e.label}>${this.renderSuggestionListItems(e.suggestions)}</calcite-list-item-group>`) : this.renderSuggestionListItems(this.suggestions);
   }
   renderSuggestionListItems(e) {
-    return e = b(e, "label", this._filterValue), e.length ? e.map((t) => s`<calcite-list-item .label=${t.label} .description=${t.description} @calciteListItemSelect=${(i) => this._emitItemSelected(i, t)} @keydown=${(i) => this._emitItemSelected(i, t)} data-item=${t ?? c}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(i) => this._showSuggestionDetail(i, t)} data-item=${t ?? c}></calcite-action></calcite-list-item>`) : s`<div class="notice-container">${this.messages.noitems}</div>`;
+    return e = p(e, "label", this._filterValue), e.length ? e.map((t) => s`<calcite-list-item .label=${t.label} .description=${t.description} @calciteListItemSelect=${(i) => this._emitItemSelected(i, t)} @keydown=${(i) => this._emitItemSelected(i, t)} data-item=${t ?? c}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(i) => this._showSuggestionDetail(i, t)} data-item=${t ?? c}></calcite-action></calcite-list-item>`) : s`<div class="notice-container">${this.messages.noitems}</div>`;
   }
   renderSuggestionFlowItem() {
     const e = this._selectedSuggestion;
-    return e ? s`<calcite-flow-item heading-level=2 .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .beforeBack=${this._beforeBack} selected><calcite-button width=half slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(t) => this._emitItemSelected(t, e)} data-item=${e ?? c} ${l(u)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${p(e.documentation) ?? ""}></div><pre><code ${l(this._colorizeCode)}></code></pre></calcite-block></calcite-flow-item>` : null;
+    return e ? s`<calcite-flow-item heading-level=2 .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .beforeBack=${this._beforeBack} selected><calcite-button width=half slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(t) => this._emitItemSelected(t, e)} data-item=${e ?? c} ${l(u)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${b(e.documentation) ?? ""}></div><pre><code ${l(this._colorizeCode)}></code></pre></calcite-block></calcite-flow-item>` : null;
   }
   render() {
     return this.closed ? null : s`<style>${this._colorizeStyle}</style><calcite-flow ${l(this.flowFocusHandler)}><calcite-flow-item heading-level=2 .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedSuggestion}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input><calcite-list label=suggestions>${this.renderSuggestionGroups()}</calcite-list></calcite-flow-item>${this.renderSuggestionFlowItem()}</calcite-flow>`;

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

@@ -4,14 +4,14 @@ import { observeAncestorsMutation as h, unsafeGetCalciteModeName as l } from "@a
 import { generateGuid as u } from "@arcgis/toolkit/string";
 import { Deferred as m } from "@arcgis/toolkit/promise";
 import { LitElement as p, createEvent as o, noShadowRoot as g } from "@arcgis/lumina";
-import { s as _ } from "../../chunks/setup-monaco.js";
-import "../../chunks/sql-expr-contribution.js";
+import { s as _ } from "../../chunks/arcade-service-accessors.js";
+import "../../chunks/arcade-contribution.js";
 import { css as f } from "lit";
 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.39 */
+v5.0.0-next.41 */
 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}}}}`, b = {
   autoIndent: "advanced",
   automaticLayout: !0,

package/dist/components/arcgis-code-viewer/customElement.d.ts

@@ -0,0 +1,63 @@
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PropertyValues } from 'lit';
+/**
+ * @remarks
+ * This component has 3 main parts to manage:
+ * 1. setting up the theme colors from monaco for syntax highlighting
+ *   - done via stylesheets created and applied in adoptedStyleSheets
+ *   - These styles need to update when: 1. the theme changes, 2. the component is first loaded, 3. the component reconnects with a different theme
+ * 2. setting the html content of the code block, which is "colorized" by monaco
+ *   - This needs to happen when: 1. the code changes, 2. the language changes
+ * 3. managing the code content provided via the default slot
+ *   - This needs to handle: 1. slotchange events, 2. mutations to the assigned nodes (e.g., innerHTML or textContent changes)
+ */
+
+/**
+ * A code viewer component for displaying code snippets.
+ * Supports syntax highlighting for various programming languages, include arcade and arcgis-sql-expression.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-viewer/)
+ *
+ * @example
+ * ```tsx
+ * <arcgis-code-viewer language="javascript">
+ * function greet() {
+ *   console.log("Hello, World!");
+ * }
+ * </arcgis-code-viewer>
+ * ```
+ * @example
+ * HTML snippets (preserve markup)
+ * ```tsx
+ * <arcgis-code-viewer language="html">
+ * <template>
+ * <div class="greeting"><span>Hello</span> World!</div>
+ * </template>
+ * </arcgis-code-viewer>
+ * ```
+ * When `language="html"`, the component will attempt to preserve your original markup instead of reducing it
+ * to plain text. For safety and to prevent the markup from rendering in-page, wrap the snippet in a `<template>`.
+ * If no `<template>` is provided, the component falls back to concatenating the `outerHTML` of element nodes and the
+ * raw text of text nodes. Script contents are treated as inert string data; they are never executed.
+ * @internal
+ */
+export declare class ArcgisCodeViewer extends LitElement {
+    /**
+     * The language for the component.
+     * Currently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:
+     * https://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.
+     *
+     * Note: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,
+     * only the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.
+     *
+     * @default "arcade"
+     */
+    language: string;
+    /**
+     * When `true`, adds a round style to the component.
+     *
+     * @default false
+     */
+    round: boolean;
+}

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

@@ -0,0 +1,119 @@
+import { g as m, c as u } from "../../chunks/runtime.js";
+import { LitElement as p } from "@arcgis/lumina";
+import { slotChangeHasContent as g, observeAncestorsMutation as f, unsafeGetCalciteModeName as _ } from "@arcgis/toolkit/dom";
+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 { s as C } from "../../chunks/arcade-service-accessors.js";
+import { debounce as y } from "@arcgis/toolkit/function";
+import { Task as N } from "@lit/task";
+/*! 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.41 */
+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 {
+  constructor() {
+    super(...arguments), this._monacoEditor = S(v), this.#t = Promise.withResolvers(), this.#e = "", this._slotContentObservers = [], this._onDefaultSlotChange = async (e) => {
+      g(e) || (this._codeFromSlot = "");
+      const t = e.target instanceof HTMLSlotElement ? e.target : null, o = t ? this._computeSlotText(t) : "";
+      t && this._observeAssignedSlotNodes(t), o !== this._codeFromSlot && (this._codeFromSlot = o), this.#t.resolve();
+    }, this._colorizeTask = new N(this, {
+      task: async ([e, t], { signal: o }) => {
+        if (await this.#t.promise, o.aborted)
+          return this.#e;
+        if (await l(t), o.aborted)
+          return this.#e;
+        const i = await T(e, t);
+        return o.aborted ? this.#e : (this.#e = i, i);
+      },
+      args: () => [this._codeFromSlot, this.language]
+    }), this._codeFromSlot = "", this.language = "arcade", this.round = !1;
+  }
+  static {
+    this.properties = { _codeFromSlot: 16, language: 1, round: 7 };
+  }
+  static {
+    this.styles = O;
+  }
+  #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());
+    }), this.updateTheme(), () => {
+      this._themeObserver?.(), this._themeObserver = void 0, this._themeChangedListener?.dispose(), this._themeChangedListener = void 0;
+    }));
+  }
+  loaded() {
+    this.el.hasChildNodes() || this.#t.resolve();
+  }
+  willUpdate(e) {
+    e.has("language") && c(this.language).then(() => l(this.language)).catch((t) => console.error(t));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._disposeSlotObservers();
+  }
+  _disposeSlotObservers() {
+    this._slotContentObservers.length && (this._slotContentObservers.forEach((e) => e.disconnect()), this._slotContentObservers = []);
+  }
+  _observeAssignedSlotNodes(e) {
+    this._disposeSlotObservers();
+    const t = e.assignedNodes({ flatten: !0 });
+    if (!t.length)
+      return;
+    const o = /* @__PURE__ */ new Set();
+    for (const s of t)
+      s.nodeType === Node.ELEMENT_NODE ? o.add(s) : s.nodeType === Node.TEXT_NODE && s.parentElement && o.add(s.parentElement);
+    const i = { characterData: !0, childList: !0, subtree: !0 }, r = y(() => {
+      const s = this._computeSlotText(e);
+      s !== this._codeFromSlot && (this._codeFromSlot = s);
+    }, 100), h = (s) => {
+      if (s.some((n) => n.type === "childList")) {
+        const n = this._computeSlotText(e);
+        n !== this._codeFromSlot && (this._codeFromSlot = n);
+        return;
+      }
+      r();
+    };
+    o.forEach((s) => {
+      const n = new MutationObserver(h);
+      n.observe(s, i), this._slotContentObservers.push(n);
+    });
+  }
+  _computeSlotText(e) {
+    const t = e.assignedNodes({ flatten: !0 }).filter((o) => o.nodeType !== Node.COMMENT_NODE);
+    if (this.language === "html" && t.length) {
+      const o = t.find((r) => r.nodeType === Node.ELEMENT_NODE && r.tagName === "TEMPLATE");
+      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 t.map((o) => o.textContent ?? "").join("").trim();
+  }
+  updateTheme() {
+    const e = _(this.el) === "light" ? "vs" : "vs-dark";
+    e !== this._currentTheme && (this._currentTheme = e, this._monacoEditor.setTheme(e));
+  }
+  _applyColorizeStyles(e) {
+    if (!this._colorizeSheet) {
+      this._colorizeSheet = new CSSStyleSheet();
+      const t = this.renderRoot;
+      t.adoptedStyleSheets = [...t.adoptedStyleSheets, this._colorizeSheet];
+    }
+    this._colorizeSheet.replaceSync(e);
+  }
+  render() {
+    return a`<div><slot @slotchange=${this._onDefaultSlotChange} style="display:none" aria-hidden=true></slot><pre class="arcgis-code-viewer" aria-label=${`${this.language} code snippet`}>${this._colorizeTask.render({
+      error: () => null,
+      pending: () => a`<code class=${`language-${this.language}`}></code>`,
+      complete: (e) => a`<code class=${`language-${this.language}`} .innerHTML=${e ?? ""}></code>`
+    })}</pre></div>`;
+  }
+}
+u("arcgis-code-viewer", w);
+export {
+  w as ArcgisCodeViewer
+};

package/dist/components/arcgis-code-viewer/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -7,7 +7,7 @@ import { createFilterExpression as f } from "@arcgis/toolkit/string";
 import { u as m } 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.39 */
+v5.0.0-next.41 */
 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) {
   l.key === "Enter" && l.stopPropagation();

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

@@ -1,34 +1,30 @@
-import { c as m } from "../../chunks/runtime.js";
-import { ref as o } from "lit/directives/ref.js";
-import { css as h, html as s } from "lit";
-import { setFocusOnElement as u, focusElement as f } from "@arcgis/toolkit/dom";
+import { c as r } from "../../chunks/runtime.js";
+import { ref as c } from "lit/directives/ref.js";
+import { css as m, html as s } from "lit";
+import { setFocusOnElement as d, focusElement as u } from "@arcgis/toolkit/dom";
 import { addLtrMark as a } from "@arcgis/toolkit/string";
-import { LitElement as p, createEvent as c } from "@arcgis/lumina";
-import { g as r, o as g, c as n, a as _ } from "../../chunks/markdown.js";
-import { f as b } from "../../chunks/monaco-importer.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { s as d } from "../../chunks/sql-expr-contribution.js";
+import { LitElement as h, createEvent as o } from "@arcgis/lumina";
+import { f as p } from "../../chunks/utilities.js";
+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.39 */
-const y = h`: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}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
-class I extends p {
+v5.0.0-next.41 */
+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() {
-    super(...arguments), this.messages = v(), this._unselectItem = async () => {
+    super(...arguments), this.messages = f(), this._unselectItem = async () => {
       this._selectedApiItem = void 0;
-    }, this._colorizeStyle = "", this._filterValue = "", this.languageId = "arcade", this.hideDocumentationActions = !1, this.loading = !1, this.closed = !1, this.arcgisClose = c({ bubbles: !1 }), this.arcgisItemSelected = c({ bubbles: !1 });
+    }, this._filterValue = "", this.languageId = "arcade", this.hideDocumentationActions = !1, this.loading = !1, this.closed = !1, this.arcgisClose = o({ bubbles: !1 }), this.arcgisItemSelected = o({ bubbles: !1 });
   }
   static {
-    this.properties = { _colorizeStyle: 16, _filterValue: 16, _selectedApiItem: 16, languageId: 1, apiLibrary: 0, hideDocumentationActions: 5, loading: 5, closed: 5 };
+    this.properties = { _filterValue: 16, _selectedApiItem: 16, languageId: 1, apiLibrary: 0, hideDocumentationActions: 5, loading: 5, closed: 5 };
   }
   static {
-    this.styles = y;
-  }
-  async load() {
-    await d(this.languageId), this._colorizeStyle = r(), this._themeChangedListener = g(() => this._colorizeStyle = r());
+    this.styles = g;
   }
   willUpdate(e) {
-    if (e.has("languageId") && d(this.languageId), e.has("apiLibrary")) {
+    if (e.has("apiLibrary")) {
       if (!this._selectedApiItem)
         return;
       for (const i of this.apiLibrary ?? [])
@@ -41,7 +37,7 @@ class I extends p {
     }
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._flowObserver?.disconnect(), this._themeChangedListener?.dispose();
+    super.disconnectedCallback(), this._flowObserver?.disconnect();
   }
   flowFocusHandler(e) {
     if (!e) {
@@ -49,7 +45,7 @@ class I extends p {
       return;
     }
     this._flowObserver || (this._flowObserver = new MutationObserver(() => {
-      u(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      d(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
     }), this._flowObserver.observe(e, { attributes: !0, attributeFilter: ["id"], childList: !0 }));
   }
   _emitItemSelected(e, i) {
@@ -72,24 +68,24 @@ class I extends p {
     this._filterValue = e.currentTarget.value ?? "";
   }
   _elementToMarkdown(e) {
-    e !== void 0 && (e.innerHTML = n(this._selectedApiItem.examples), _(e, this.languageId).catch(console.error));
+    e !== void 0 && (e.innerHTML = n(this._selectedApiItem.examples));
   }
   renderApiCategory(e) {
-    const i = b(e.items, "name", this._filterValue);
+    const i = p(e.items, "name", this._filterValue);
     return i.length ? s`<calcite-list-item-group .heading=${e.title}>${i.map((t) => s`<calcite-list-item .label=${a(t.completion.detail)} @calciteListItemSelect=${(l) => this._emitItemSelected(l, t)} @keydown=${(l) => this._emitItemSelected(l, t)}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} icon=chevron-right icon-flip-rtl scale=s @click=${(l) => this._selectItem(l, t)}></calcite-action></calcite-list-item>`)}</calcite-list-item-group>` : null;
   }
   renderApiItemFlowItem() {
     const e = this._selectedApiItem;
-    return e ? s`<calcite-flow-item heading-level=2 .heading=${this.messages.constantsandfunctions} .beforeBack=${this._unselectItem} closable @calciteFlowItemClose=${this._emitClose} selected>${this.hideDocumentationActions ? null : s`<calcite-button width=half slot=footer appearance=outline kind=brand scale=s .href=${e.link} target=Help icon-start=information>${this.messages.moreinformation}</calcite-button>`}<calcite-button .width=${this.hideDocumentationActions ? "full" : "half"} slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(i) => this._emitItemSelectedAndClose(i, e)} ${o(f)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${a(e.completion.detail)}><div .innerHTML=${n(e.completion.documentation) ?? ""}></div>${e.examples ? s`<div ${o(this._elementToMarkdown)}></div>` : null}</calcite-block></calcite-flow-item>` : null;
+    return e ? s`<calcite-flow-item heading-level=2 .heading=${this.messages.constantsandfunctions} .beforeBack=${this._unselectItem} closable @calciteFlowItemClose=${this._emitClose} selected>${this.hideDocumentationActions ? null : s`<calcite-button width=half slot=footer appearance=outline kind=brand scale=s .href=${e.link} target=Help icon-start=information>${this.messages.moreinformation}</calcite-button>`}<calcite-button .width=${this.hideDocumentationActions ? "full" : "half"} slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(i) => this._emitItemSelectedAndClose(i, e)} ${c(u)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${a(e.completion.detail)}><div .innerHTML=${n(e.completion.documentation) ?? ""}></div>${e.examples ? s`<div ${c(this._elementToMarkdown)}></div>` : null}</calcite-block></calcite-flow-item>` : null;
   }
   render() {
     if (this.closed)
       return null;
     const e = (this.apiLibrary ?? []).map((t) => this.renderApiCategory(t)), i = e.every((t) => !t);
-    return s`<style>${this._colorizeStyle}</style><calcite-flow ${o(this.flowFocusHandler)}><calcite-flow-item heading-level=2 .heading=${this.messages.constantsandfunctions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedApiItem}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${this.loading ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"}></calcite-loader>` : s`<calcite-list label="arcade api">${i ? s`<div class="notice-container">${this.messages.noitems}</div>` : e}</calcite-list>`}</calcite-flow-item>${this.renderApiItemFlowItem()}</calcite-flow>`;
+    return s`<calcite-flow ${c(this.flowFocusHandler)}><calcite-flow-item heading-level=2 .heading=${this.messages.constantsandfunctions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedApiItem}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${this.loading ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"}></calcite-loader>` : s`<calcite-list label="arcade api">${i ? s`<div class="notice-container">${this.messages.noitems}</div>` : e}</calcite-list>`}</calcite-flow-item>${this.renderApiItemFlowItem()}</calcite-flow>`;
   }
 }
-m("arcgis-language-api-panel", I);
+r("arcgis-language-api-panel", b);
 export {
-  I as ArcgisLanguageApiPanel
+  b as ArcgisLanguageApiPanel
 };

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

@@ -9,7 +9,7 @@ import { s as f } from "../../chunks/editor.js";
 import { getSqlExprDiagnosticService as _ } from "../../chunks/sql-expr-mode.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.39 */
+v5.0.0-next.41 */
 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 {
   constructor() {

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.39 */
+v5.0.0-next.41 */
 const h = r`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class g extends n {
   constructor() {