@arcgis/coding-components 5.2.0-next.10 → 5.2.0-next.11

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{J as s,v as e}from"./XU7YAUUX.js";import"./VGOFAQ7A.js";import"./H6RQVSYM.js";var i=e(s,{"arcgis-arcade-coding-assistant":[()=>import("./MFMTJO3G.js"),"appVersion,closed,closePanel:,diagnostics:,disableQuestionAnswerLogging,editorRef:,feedbackServiceUrl,helpBase,insertText:,portalUrl,promptingEnabled,serviceUrl;destroy,openPrompt"],"arcgis-arcade-debugger-console":[()=>import("./EIW62O7S.js"),"debuggerStore:,modelId"],"arcgis-arcade-debugger-output":[()=>import("./GBBSV4NV.js"),"debuggerStore:,result:"],"arcgis-arcade-editor":[()=>import("./4KFBAAVC.js"),"arcadeAssistant:,customPanels:,disableAssistant,editorInstance:,editorOptions:,enableDebugger,externalExecutor:,hideDocumentationActions,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getTestResult,openArcadeAssistant,setFocus"],"arcgis-arcade-results":[()=>import("./IQR7XS6J.js"),"consoleLogs:,hideHeader,loading,openedResultPanel,result:"],"arcgis-arcade-suggestions":[()=>import("./PNDN33UV.js"),"closed,suggestions:"],"arcgis-code-editor":[()=>import("./GRY2G3ZM.js"),"editorInstance:,editorOptions:,language,modelId,value;insertSnippet,insertText,setFocus"],"arcgis-code-editor-shell":[()=>import("./PE22Q7FG.js")],"arcgis-code-viewer":[()=>import("./6IE7GBIZ.js"),"language,lineNumbers,round"],"arcgis-editor-variables":[()=>import("./4XEVYDUI.js"),"closed,heading,hideDescriptions,loading,messageOverrides:,modelId,variable:"],"arcgis-language-api-panel":[()=>import("./FJWYAXOE.js"),"apiLibrary:,closed,hideDocumentationActions,languageId,loading"],"arcgis-sql-expression-editor":[()=>import("./QRQEHI3E.js"),"hideDescriptionsInFieldsPanel,hideSideBar,messageOverrides:,messages:,profile:,script;setFocus"],"arcgis-sql-layer-editor":[()=>import("./3RKKHGVW.js"),"editorInstance:,editorOptions:,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script;setFocus"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-arcade-editor,arcgis-code-editor,arcgis-code-editor-shell,arcgis-code-viewer,arcgis-sql-expression-editor,arcgis-sql-layer-editor){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,s)
+import{J as s,v as e}from"./PJBI5XFD.js";import"./VGOFAQ7A.js";import"./H6RQVSYM.js";var i=e(s,{"arcgis-arcade-coding-assistant":[()=>import("./7BIFZ5DU.js"),"appVersion,closed,closePanel:,diagnostics:,disableQuestionAnswerLogging,editorRef:,feedbackServiceUrl,helpBase,insertText:,portalUrl,promptingEnabled,serviceUrl;destroy,openPrompt"],"arcgis-arcade-debugger-console":[()=>import("./NCMXRX7O.js"),"debuggerStore:,modelId"],"arcgis-arcade-debugger-output":[()=>import("./GTE3KXNK.js"),"debuggerStore:,outputTitle,result:"],"arcgis-arcade-editor":[()=>import("./XJRNIBLO.js"),"arcadeAssistant:,customPanels:,disableAssistant,editorInstance:,editorOptions:,enableDebugger,externalExecutor:,hideDocumentationActions,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getTestResult,openArcadeAssistant,setFocus"],"arcgis-arcade-results":[()=>import("./VPVLZ5QO.js"),"consoleLogs:,hideHeader,loading,openedResultPanel,result:"],"arcgis-arcade-suggestions":[()=>import("./LEFFI3FB.js"),"closed,suggestions:"],"arcgis-code-editor":[()=>import("./B3RGPCZC.js"),"editorInstance:,editorOptions:,language,modelId,value;insertSnippet,insertText,setFocus"],"arcgis-code-editor-shell":[()=>import("./76VHPECE.js")],"arcgis-code-viewer":[()=>import("./TIZLT4V3.js"),"language,lineNumbers,round"],"arcgis-editor-variables":[()=>import("./Q5RDW24Y.js"),"closed,heading,hideDescriptions,loading,messageOverrides:,modelId,variable:"],"arcgis-language-api-panel":[()=>import("./WRVJHPML.js"),"apiLibrary:,closed,hideDocumentationActions,languageId,loading"],"arcgis-sql-expression-editor":[()=>import("./3QN6NREQ.js"),"hideDescriptionsInFieldsPanel,hideSideBar,messageOverrides:,messages:,profile:,script;setFocus"],"arcgis-sql-layer-editor":[()=>import("./A6IGYBAZ.js"),"editorInstance:,editorOptions:,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script;setFocus"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-arcade-editor,arcgis-code-editor,arcgis-code-editor-shell,arcgis-code-viewer,arcgis-sql-expression-editor,arcgis-sql-layer-editor){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,s)

package/dist/chunks/debugger-value-components.js

@@ -2,18 +2,18 @@
 import { html as c } from "lit";
 import { safeClassMap as R } from "@arcgis/lumina";
 import { t as v } from "./debugger-value-styles.js";
-import { uncapitalize as A, quoteString as U } from "@arcgis/toolkit/string";
-const H = /^[$A-Z_a-z][$\w]*$/u;
-function E(e) {
+import { quoteString as O } from "@arcgis/toolkit/string";
+const U = /^[$A-Z_a-z][$\w]*$/u;
+function M(e) {
   return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
 }
-function J(e) {
-  return H.test(e);
+function H(e) {
+  return U.test(e);
 }
-function G(e) {
-  return typeof e == "number" ? `[${e}]` : e.startsWith("name:") ? `[name="${E(e.slice(5))}"]` : e.startsWith("id:") ? `[id="${E(e.slice(3))}"]` : J(e) ? `.${e}` : `["${E(e)}"]`;
+function B(e) {
+  return typeof e == "number" ? `[${e}]` : e.startsWith("name:") ? `[name="${M(e.slice(5))}"]` : e.startsWith("id:") ? `[id="${M(e.slice(3))}"]` : H(e) ? `.${e}` : `["${M(e)}"]`;
 }
-function F(e, t) {
+function A(e, t) {
   if (e[t] !== '"')
     return;
   let n = "", r = t + 1;
@@ -33,7 +33,7 @@ function F(e, t) {
     n += p, r += 1;
   }
 }
-function K(e) {
+function J(e) {
   if (!e)
     return;
   let t = 0;
@@ -68,13 +68,13 @@ function K(e) {
     }
     const $ = e.startsWith("name=", t) ? "name" : e.startsWith("id=", t) ? "id" : void 0;
     if ($) {
-      const o = F(e, t + $.length + 1);
+      const o = A(e, t + $.length + 1);
       if (!o || e[o.nextIndex] !== "]")
         return;
       n.push(`${$}:${o.value}`), t = o.nextIndex + 1;
       continue;
     }
-    const s = F(e, t);
+    const s = A(e, t);
     if (!s || e[s.nextIndex] !== "]")
       return;
     n.push(s.value), t = s.nextIndex + 1;
@@ -88,28 +88,28 @@ function K(e) {
     };
 }
 function de(e, t) {
-  return `${e}${G(t)}`;
+  return `${e}${B(t)}`;
 }
 function k(e, t) {
   return e ? `${e}.${t}` : String(t);
 }
 function q(e, t) {
   if (e)
-    return `${e}${G(t)}`;
+    return `${e}${B(t)}`;
 }
 function fe(e) {
-  return K(e);
+  return J(e);
 }
-function M(e, t) {
+function E(e, t) {
   return typeof t == "number" ? `${e}[${t}]` : `${e}.${t}`;
 }
-function X(e) {
+function K(e) {
   return e.name ? `name:${e.name}` : `id:${e.id}`;
 }
-function Y(e) {
+function X(e) {
   return Object.entries(e).filter(([t]) => t !== "featureSet");
 }
-function z(e, t) {
+function Y(e, t) {
   if (t) {
     const n = t.featureSet;
     return {
@@ -135,8 +135,8 @@ function z(e, t) {
 function C(e) {
   return c`<calcite-tree slot=children .lines=${v.lines} .selectionMode=${v.selectionMode} .scale=${v.scale} @calciteTreeSelect=${v.oncalciteTreeSelect}>${e}</calcite-tree>`;
 }
-function L({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r = !1, isMetadata: p = !1, messages: a, name: f, value: $, loadPreview: s, previewLabel: o, previewSourcePath: h, previewLoading: g = !1 }) {
-  const u = z($, n);
+function G({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r = !1, isMetadata: p = !1, messages: a, name: f, value: $, loadPreview: s, previewLabel: o, previewSourcePath: h, previewLoading: g = !1 }) {
+  const u = Y($, n);
   if (!u)
     return null;
   const i = e.ensureNode(t, r, u.loadRequest), b = u.kind === "feature-set" ? u.featureSetValue : void 0, S = o ?? String(f), m = h ?? t, D = !!(s && S && b && typeof b.querySample == "function"), d = (l) => {
@@ -149,7 +149,7 @@ function L({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r
       sourcePath: m,
       value: b
     });
-  }, w = () => c`<calcite-tree-item disabled><div class="tree-item-label"><span class="constant-value">${i.errorMessage || (a.loaderror ?? "Unable to load data.")}</span></div></calcite-tree-item>`, Q = () => u.kind !== "feature-set" || !i.schemaValue ? null : x({ name: "schema", value: i.schemaValue, messages: a, path: M(t, "schema"), lazyTreeState: e }), Z = () => u.kind !== "feature-set" || !u.mergedCollectionItem ? [] : Y(u.mergedCollectionItem).map(([l, I]) => x({ name: l, value: P(I), messages: a, path: M(t, l), lazyTreeState: e })), _ = () => {
+  }, w = () => c`<calcite-tree-item disabled><div class="tree-item-label"><span class="constant-value">${i.errorMessage || (a.loaderror ?? "Unable to load data.")}</span></div></calcite-tree-item>`, W = () => u.kind !== "feature-set" || !i.schemaValue ? null : x({ name: "schema", value: i.schemaValue, messages: a, path: E(t, "schema"), lazyTreeState: e }), Q = () => u.kind !== "feature-set" || !u.mergedCollectionItem ? [] : X(u.mergedCollectionItem).map(([l, I]) => x({ name: l, value: z(I), messages: a, path: E(t, l), lazyTreeState: e })), Z = () => {
     if (u.kind !== "feature-set")
       return null;
     if (!i.expanded || i.status === "loading")
@@ -158,15 +158,15 @@ function L({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r
     if (i.status === "error")
       l.push(w());
     else {
-      l.push(...Z());
-      const I = Q();
+      l.push(...Q());
+      const I = W();
       I && l.push(I);
     }
     return l.length ? C(l) : C();
-  }, j = () => u.kind !== "collection" ? null : !i.expanded || i.status === "loading" ? C() : C(c`${i.status === "error" ? w() : null}${i.status === "loaded" ? i.collectionItems.map((l) => L({ name: l.name || l.id, mergedCollectionItem: l, messages: a, nodePath: M(t, l.id), lazyTreeState: e, value: l.featureSet, loadPreview: s, previewLabel: k(o, l.name || l.id), previewSourcePath: q(m, X(l)), previewLoading: g })) : null}`), O = () => u.kind === "collection" ? j() : _();
-  return c`<calcite-tree-item .expanded=${i.expanded} @calciteTreeItemExpand=${d} @calciteTreeItemCollapse=${y}><div class="tree-item-label">${T({ name: f, isMetadata: p })}<bdi>${u.displayValue}</bdi></div>${i.status === "loading" ? c`<calcite-loader slot=actions-end scale=s inline type=indeterminate .label=${a.loading ?? "Loading"} .text=${a.loading ?? "Loading"}></calcite-loader>` : null}${D ? c`<calcite-action slot=actions-end scale=s class="load-action" .text=${a.loadpreview ?? "Load preview"} text-enabled icon=play .disabled=${g} @click=${V}></calcite-action>` : null}${O()}</calcite-tree-item>`;
+  }, _ = () => u.kind !== "collection" ? null : !i.expanded || i.status === "loading" ? C() : C(c`${i.status === "error" ? w() : null}${i.status === "loaded" ? i.collectionItems.map((l) => G({ name: l.name || l.id, mergedCollectionItem: l, messages: a, nodePath: E(t, l.id), lazyTreeState: e, value: l.featureSet, loadPreview: s, previewLabel: k(o, l.name || l.id), previewSourcePath: q(m, K(l)), previewLoading: g })) : null}`), j = () => u.kind === "collection" ? _() : Z();
+  return c`<calcite-tree-item .expanded=${i.expanded} @calciteTreeItemExpand=${d} @calciteTreeItemCollapse=${y}><div class="tree-item-label">${T({ name: f, isMetadata: p })}<bdi>${u.displayValue}</bdi></div>${i.status === "loading" ? c`<calcite-loader slot=actions-end scale=s inline type=indeterminate .label=${a.loading ?? "Loading"} .text=${a.loading ?? "Loading"}></calcite-loader>` : null}${D ? c`<calcite-action slot=actions-end scale=s class="load-action" .text=${a.loadpreview ?? "Load preview"} text-enabled icon=play .disabled=${g} @click=${V}></calcite-action>` : null}${j()}</calcite-tree-item>`;
 }
-function P(e) {
+function z(e) {
   if (e == null)
     return { type: "primitive", arcadeType: "", value: null };
   switch (typeof e) {
@@ -185,7 +185,7 @@ function T({ name: e, isMetadata: t = !1 }) {
   const n = t ? `dictionary-property ${N}` : "dictionary-property", r = t ? N : void 0;
   return c`<bdi class=${R(n)}>${e}</bdi><bdi class=${R(r)}>:&nbsp;</bdi>`;
 }
-function ee({ lazyTreeState: e, path: t, expanded: n = !1, value: r, subtree: p, messages: a, onLoadPreview: f, previewLabel: $, previewSourcePath: s, previewLoading: o = !1 }) {
+function P({ lazyTreeState: e, path: t, expanded: n = !1, value: r, subtree: p, messages: a, onLoadPreview: f, previewLabel: $, previewSourcePath: s, previewLoading: o = !1 }) {
   const h = (d) => c`<calcite-tree slot=${"children"} .lines=${v.lines} .selectionMode=${v.selectionMode} .scale=${v.scale} @calciteTreeSelect=${v.oncalciteTreeSelect}>${d}</calcite-tree>`;
   if (!n)
     return h();
@@ -193,7 +193,7 @@ function ee({ lazyTreeState: e, path: t, expanded: n = !1, value: r, subtree: p,
     V.stopPropagation(), e.showMore(t, d);
   }}><div class="tree-item-label"><span class=${R(N)}>${a.showmore ?? "Show more"}</span></div></calcite-tree-item>`, i = r.expand();
   if (Array.isArray(i)) {
-    const d = i.slice(0, g.visibleChildCount), y = W(r) ? r.length : i.length;
+    const d = i.slice(0, g.visibleChildCount), y = L(r) ? r.length : i.length;
     return h(c`${d.map((V, w) => x({ name: w, value: V, messages: a, path: `${t}[${w}]`, lazyTreeState: e, onLoadPreview: f, previewLabel: k($, w), previewSourcePath: q(s, w), previewLoading: o }))}${u(i.length)}${x({ name: "length", value: { arcadeType: "Number", type: "primitive", value: y }, isMetadata: !0, messages: a, path: `${t}.length`, lazyTreeState: e })}`);
   }
   const b = r.arcadeType === "Feature" ? i.get("Geometry()") : void 0, S = Math.min(g.visibleChildCount, b ? i.size - 1 : i.size), m = [];
@@ -206,50 +206,53 @@ function ee({ lazyTreeState: e, path: t, expanded: n = !1, value: r, subtree: p,
   const D = !!(b && g.visibleChildCount > m.length);
   return h(c`${m.map(([d, y]) => x({ name: d, value: y, messages: a, path: `${t}.${d}`, lazyTreeState: e, onLoadPreview: f, previewLabel: k($, d), previewSourcePath: q(s, d), previewLoading: o }))}${D ? x({ name: "geometry", value: b, messages: a, path: `${t}.geometry`, lazyTreeState: e, onLoadPreview: f, previewLabel: k($, "geometry"), previewSourcePath: q(s, "geometry"), previewLoading: o }) : null}${u(i.size)}`);
 }
-function te(e) {
+function ee(e) {
   return "expand" in e;
 }
-function re(e) {
+function te(e) {
   return e.type === "simple";
 }
-function ne(e) {
+function re(e) {
   return e.type === "primitive";
 }
-function W(e) {
+function L(e) {
   return e.type === "sequence-container";
 }
-function ie(e) {
+function ne(e) {
   return e.type === "feature-set";
 }
-function le(e) {
+function ie(e) {
   return e.type === "feature-set-collection";
 }
+function le(e) {
+  return e.type === "minimal";
+}
 function ae(e) {
-  return ie(e) || le(e);
+  return ne(e) || ie(e);
 }
 function x({ lazyTreeState: e, path: t, name: n, value: r, messages: p, expanded: a, isMetadata: f = !1, onLoadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h = !1 }) {
   if (r === void 0)
     return null;
   if (r === null)
     return c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}<bdi class="uninitialized-value tree-item-metadata">${p.uninitialized ?? "uninitialized"}</bdi></div></calcite-tree-item>`;
-  if (te(r)) {
+  if (ee(r)) {
     const g = e.ensureNode(t, a), u = (m) => {
       m.target === m.currentTarget && e.setExpanded(t, !0);
     }, i = (m) => {
       m.target === m.currentTarget && e.setExpanded(t, !1);
-    }, b = typeof r.arcadeType == "string" ? r.arcadeType : "unknown", S = W(r) ? `${A(b)}(${r.length})` : A(b);
-    return c`<calcite-tree-item .expanded=${g.expanded} @calciteTreeItemExpand=${u} @calciteTreeItemCollapse=${i}><div class="tree-item-label">${T({ name: n, isMetadata: f })}<bdi>${S}</bdi></div>${ee({ expanded: g.expanded, value: r, subtree: !0, messages: p, path: t, lazyTreeState: e, onLoadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h })}</calcite-tree-item>`;
+    }, b = typeof r.arcadeType == "string" ? r.arcadeType : "unknown", S = L(r) ? `${b}(${r.length})` : b;
+    return c`<calcite-tree-item .expanded=${g.expanded} @calciteTreeItemExpand=${u} @calciteTreeItemCollapse=${i}><div class="tree-item-label">${T({ name: n, isMetadata: f })}<bdi>${S}</bdi></div>${P({ expanded: g.expanded, value: r, subtree: !0, messages: p, path: t, lazyTreeState: e, onLoadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h })}</calcite-tree-item>`;
   }
-  return ae(r) ? L({ name: n, value: r, nodePath: t, lazyTreeState: e, messages: p, expanded: a, isMetadata: f, loadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h }) : re(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${B({ value: r })}</div></calcite-tree-item>` : ne(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${B({ value: r })}</div></calcite-tree-item>` : null;
+  return ae(r) ? G({ name: n, value: r, nodePath: t, lazyTreeState: e, messages: p, expanded: a, isMetadata: f, loadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h }) : te(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${F({ value: r })}</div></calcite-tree-item>` : re(r) || le(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${F({ value: r })}</div></calcite-tree-item>` : null;
 }
-const B = ({ value: e }) => {
+const F = ({ value: e }) => {
   switch (e.type) {
     case "primitive":
       if (e.value === null)
         return c`<bdi class="constant-value">null</bdi>`;
       switch (e.arcadeType) {
         case "String":
-          return c`<bdi class="string-value">${U(String(e.value))}</bdi>`;
+          return c`<bdi class="string-value">${O(String(e.value))}</bdi>`;
         case "Number":
           return c`<bdi class="number-value">${String(e.value)}</bdi>`;
         case "Boolean":
@@ -267,12 +270,13 @@ const B = ({ value: e }) => {
 };
 export {
   x as D,
-  B as S,
-  le as a,
-  ie as b,
-  ne as c,
-  re as d,
+  F as S,
+  ie as a,
+  ne as b,
+  re as c,
+  te as d,
   de as e,
-  te as i,
+  le as f,
+  ee as i,
   fe as p
 };

package/dist/components/arcgis-arcade-debugger-output/customElement.js

@@ -1,25 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as r } from "../../chunks/runtime.js";
-import { css as l, html as s } from "lit";
-import { LitElement as i } from "@arcgis/lumina";
-import { u as o } from "../../chunks/useT9n.js";
-import { d as c, g as n, c as a, t } from "../../chunks/debugger-value-styles.js";
-import { observeAncestorsMutation as u, unsafeGetCalciteModeName as d } from "@arcgis/toolkit/dom";
-import { D as m } from "../../chunks/debugger-value-components.js";
-const p = l`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);--calcite-block-padding: var(--calcite-spacing-sm);overflow:auto;calcite-flow{height:100%}.disabled-state-text{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);font-style:italic;display:block;margin:var(--calcite-spacing-md)}[class*=result-value-]{line-height:1.25rem}}`;
-class h extends i {
+import { c as i } from "../../chunks/runtime.js";
+import { css as l, html as a } from "lit";
+import { LitElement as o } from "@arcgis/lumina";
+import { u as c } from "../../chunks/useT9n.js";
+import { d as u, g as n, c as r, t as s } from "../../chunks/debugger-value-styles.js";
+import { observeAncestorsMutation as d, unsafeGetCalciteModeName as g } from "@arcgis/toolkit/dom";
+import { D as m, i as p, f as h, a as b, b as f } from "../../chunks/debugger-value-components.js";
+const T = l`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);--calcite-block-padding: var(--calcite-spacing-sm);overflow:auto;calcite-flow{height:100%}.disabled-state-text{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);font-style:italic;display:block;margin:var(--calcite-spacing-md)}[class*=result-value-]{line-height:1.25rem}}`;
+function v(t, e) {
+  return p(t) || h(t) || b(t) || f(t) ? e ?? "Output" : t.arcadeType;
+}
+class y extends o {
   constructor() {
-    super(...arguments), this.messages = o();
+    super(...arguments), this.messages = c();
   }
   static {
-    this.properties = { debuggerStore: 0, result: 0 };
+    this.properties = { debuggerStore: 0, result: 0, outputTitle: 1 };
   }
   static {
-    this.styles = [p, c, n()];
+    this.styles = [T, u, n()];
   }
   load() {
     this.manager.onLifecycle(() => {
-      const e = u(this.el, ["class"], this.updateTheme.bind(this));
+      const e = d(this.el, ["class"], this.updateTheme.bind(this));
       return this.updateTheme(), () => e();
     });
   }
@@ -27,16 +30,16 @@ class h extends i {
     e.has("result") && this.result && this.debuggerStore?.lazyTreeState.reset();
   }
   updateTheme() {
-    d(this.el) === "dark" ? this.elementInternals.states.add(a) : this.elementInternals.states.delete(a);
+    g(this.el) === "dark" ? this.elementInternals.states.add(r) : this.elementInternals.states.delete(r);
   }
   render() {
     if (!this.result)
-      return s`<span class="disabled-state-text">${this.messages.nooutput ?? "No output available."}</span>`;
+      return a`<span class="disabled-state-text">${this.messages.nooutput ?? "No output available."}</span>`;
     const e = this.debuggerStore?.lazyTreeState;
-    return e ? s`<calcite-tree .scale=${t.scale} @calciteTreeSelect=${t.oncalciteTreeSelect} .lines=${t.lines} .selectionMode=${t.selectionMode}>${m({ expanded: !0, name: this.result.arcadeType, value: this.result, messages: this.messages, path: this.result.arcadeType, lazyTreeState: e })}</calcite-tree>` : s`<span class="disabled-state-text">${this.messages.nooutput ?? "No output available."}</span>`;
+    return e ? a`<calcite-tree .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect} .lines=${s.lines} .selectionMode=${s.selectionMode}>${m({ expanded: !0, name: v(this.result, this.outputTitle), value: this.result, messages: this.messages, path: this.result.arcadeType, lazyTreeState: e })}</calcite-tree>` : a`<span class="disabled-state-text">${this.messages.nooutput ?? "No output available."}</span>`;
   }
 }
-r("arcgis-arcade-debugger-output", h);
+i("arcgis-arcade-debugger-output", y);
 export {
-  h as ArcgisArcadeDebuggerOutput
+  y as ArcgisArcadeDebuggerOutput
 };

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

@@ -20,7 +20,7 @@ import { property as c, subclass as f } from "@arcgis/core/core/accessorSupport/
 import { A as V } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
 import { r as pe } from "../../chunks/utilities.js";
 import { Range as W, KeyCode as be, Uri as _e } from "monaco-editor";
-const me = te`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}.main-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group 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)}}.bottom-action-bar.is-collapsed{border-bottom:0}.bottom-action-bar{display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);.bottom-action-bar__actions{flex:1 1 auto;min-inline-size:0}.bottom-action-bar__close{flex:0 0 auto}}`, q = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", h = (t, e) => {
+const me = te`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}.main-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group 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)}}.bottom-action-bar.is-collapsed{border-bottom:0}.bottom-action-bar{display:flex;.bottom-action-bar__actions{flex:1 1 auto;min-inline-size:0}}`, q = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", h = (t, e) => {
   ge(t, "Arcade Assistant", e);
 }, X = [
   "orgAiAssistantsEnabled",
@@ -570,7 +570,7 @@ class we extends ie {
     }), (e.has("arcadeAssistant") || e.has("disableAssistant")) && this._updateArcadeAssistantRemoteState();
   }
   async loaded() {
-    await this._connectMonacoCustomizations(), this._componentReadyDefer.resolve(), await this._codeEditorElt.value?.setFocus();
+    await this._connectMonacoCustomizations(), this._componentReadyDefer.resolve();
   }
   _setOpenedSidePanel(e) {
     this.openedSidePanel = e === this.openedSidePanel ? "none" : e;
@@ -929,17 +929,17 @@ class we extends ie {
   }
   renderBottomExecutionBody() {
     const { showPanel: e, openedPanel: s, debugResult: i, isExecuting: a, mode: o } = this._debuggerState;
-    return e ? s === "debug-console" ? d`<arcgis-arcade-debugger-console slot=results-panel .modelId=${this._modelId} .debuggerStore=${this._debuggerState}></arcgis-arcade-debugger-console>` : s === "output" && (o === "debug" || i) ? d`<arcgis-arcade-debugger-output slot=results-panel .debuggerStore=${this._debuggerState} .result=${i}></arcgis-arcade-debugger-output>` : d`<arcgis-arcade-results slot=results-panel class="bottom-results" .openedResultPanel=${s} .loading=${s === "console" && this._debuggerState.isPaused ? !1 : a} .result=${this._debuggerState.runResult} .consoleLogs=${this._debuggerState.consoleLogs} hide-header @arcgisInternalOpenedResultPanelChange=${this._onResultPanelChange}></arcgis-arcade-results>` : null;
+    return e ? s === "debug-console" ? d`<arcgis-arcade-debugger-console slot=results-panel .modelId=${this._modelId} .debuggerStore=${this._debuggerState}></arcgis-arcade-debugger-console>` : s === "output" && (o === "debug" || i) ? d`<arcgis-arcade-debugger-output .outputTitle=${this.messages.output} slot=results-panel .debuggerStore=${this._debuggerState} .result=${i}></arcgis-arcade-debugger-output>` : d`<arcgis-arcade-results slot=results-panel class="bottom-results" .openedResultPanel=${s} .loading=${s === "console" && this._debuggerState.isPaused ? !1 : a} .result=${this._debuggerState.runResult} .consoleLogs=${this._debuggerState.consoleLogs} hide-header @arcgisInternalOpenedResultPanelChange=${this._onResultPanelChange}></arcgis-arcade-results>` : null;
   }
   renderBottomActionBar() {
     if (!this._usesBottomExecutionDrawer)
       return null;
     const { showPanel: e, hasExecuted: s, openedPanel: i, isDebugging: a, isPaused: o, isExecuting: n } = this._debuggerState, r = this.messages.continue ?? "Continue", w = this.messages.reset ?? "Reset", x = this.messages.stop ?? "Stop";
-    return d`<div slot=bottom-action-bar class=${`main-action-bar bottom-action-bar ${e ? "" : "is-collapsed"}`}><calcite-action-bar class="bottom-action-bar__actions" layout=horizontal scale=s expand-disabled><calcite-action-group scale=s>${a ? d`<calcite-action id=debugger-continue-action .text=${r} icon=forward scale=s .disabled=${!o} @click=${this._continueDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-continue-action placement=top><span>${r}</span></calcite-tooltip><calcite-action id=debugger-reset-action .text=${w} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-reset-action placement=top><span>${w}</span></calcite-tooltip><calcite-action id=debugger-stop-action .text=${x} icon=circle-stop scale=s @click=${this._stopDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-stop-action placement=top><span>${x}</span></calcite-tooltip>` : d`<calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade || n} @click=${() => {
+    return d`<div slot=bottom-action-bar class=${`main-action-bar bottom-action-bar ${e ? "" : "is-collapsed"}`}><calcite-action-bar class="bottom-action-bar__actions" layout=horizontal scale=s expand-disabled expanded><calcite-action-group scale=s>${a ? d`<calcite-action id=debugger-continue-action .text=${r} icon=forward scale=s .disabled=${!o} @click=${this._continueDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-continue-action placement=top><span>${r}</span></calcite-tooltip><calcite-action id=debugger-reset-action .text=${w} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-reset-action placement=top><span>${w}</span></calcite-tooltip><calcite-action id=debugger-stop-action .text=${x} icon=circle-stop scale=s @click=${this._stopDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-stop-action placement=top><span>${x}</span></calcite-tooltip>` : d`<calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade || n} @click=${() => {
       this._executeScript("run").catch(u(this));
     }}></calcite-action><calcite-action .disabled=${this._debuggerState.editorBreakpoints.length === 0} .text=${this.messages.runanddebug ?? "Run and Debug"} text-enabled icon=debug-script scale=s .loading=${this._preparingArcade || n} @click=${() => {
       this._executeScript("debug").catch(u(this));
-    }}></calcite-action>`}</calcite-action-group>${s ? d`<calcite-action-group scale=s><calcite-action .active=${i === "output" && e} .text=${this.messages.output ?? "Output"} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${() => this._setExecutionPanel("output")}></calcite-action><calcite-action .active=${i === "console" && e} .text=${this.messages.console ?? "Console"} text-enabled scale=s icon=console icon-flip-rtl @click=${() => this._setExecutionPanel("console")}></calcite-action><calcite-action .active=${i === "log" && e} .text=${this.messages.log ?? "Log"} text-enabled scale=s icon=list icon-flip-rtl @click=${() => this._setExecutionPanel("log")} .disabled=${this.enableDebugger && this._debuggerState.mode === "debug"}></calcite-action><calcite-action .active=${i === "debug-console" && e} .text=${this.messages.debugconsole ?? "Debug Console"} text-enabled scale=s icon=debug-script icon-flip-rtl .disabled=${this._debuggerState.mode !== "debug"} @click=${() => this._setExecutionPanel("debug-console")}></calcite-action></calcite-action-group>` : null}</calcite-action-bar>${e ? d`<calcite-action class="bottom-action-bar__close" .text=${this.messages.close ?? "Close"} scale=s icon=x icon-flip-rtl @click=${this._onExecutionPanelClose}></calcite-action>` : null}</div>`;
+    }}></calcite-action>`}</calcite-action-group>${s ? d`<calcite-action-group scale=s><calcite-action .active=${i === "output" && e} .text=${this.messages.output ?? "Output"} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${() => this._setExecutionPanel("output")}></calcite-action><calcite-action .active=${i === "console" && e} .text=${this.messages.console ?? "Console"} text-enabled scale=s icon=console icon-flip-rtl @click=${() => this._setExecutionPanel("console")}></calcite-action><calcite-action .active=${i === "log" && e} .text=${this.messages.log ?? "Log"} text-enabled scale=s icon=list icon-flip-rtl @click=${() => this._setExecutionPanel("log")} .disabled=${this.enableDebugger && this._debuggerState.mode === "debug"}></calcite-action><calcite-action .active=${i === "debug-console" && e} .text=${this.messages.debugconsole ?? "Debug Console"} text-enabled scale=s icon=debug-script .disabled=${this._debuggerState.mode !== "debug"} @click=${() => this._setExecutionPanel("debug-console")}></calcite-action></calcite-action-group>` : null}</calcite-action-bar>${e ? d`<calcite-action .text=${this.messages.close ?? "Close"} scale=s icon=x icon-flip-rtl @click=${this._onExecutionPanelClose} slot=actions-end></calcite-action>` : null}</div>`;
   }
   render() {
     return d`<arcgis-code-editor-shell>${this.renderMainActionBar()}${this.renderMainPanel()}${this.renderBottomActionBar()}${this.renderResultsPanel()}${this.renderSidePanel()}${this.renderSideActionBar()}</arcgis-code-editor-shell>`;

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

@@ -48,7 +48,7 @@ class F extends f {
     I(this.el) === "dark" ? this.elementInternals.states.add(m) : this.elementInternals.states.delete(m);
   }
   renderConsolePanel() {
-    return this.openedResultPanel !== "console" ? null : this.loading && !this.consoleLogs?.length ? e`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "loading"}></calcite-loader>` : e`<div class="console-logs-container">${this.consoleLogs?.length ? this.consoleLogs.map((t) => e`<p>${t}</p>`) : e`<p>${this.messages.consolemessage}</p>`}</div>`;
+    return this.openedResultPanel !== "console" ? null : this.loading && !this.consoleLogs?.length ? e`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "loading"}></calcite-loader>` : e`<div class="console-logs-container">${this.consoleLogs?.length ? this.consoleLogs.map((t) => e`<p dir=auto>${t}</p>`) : e`<p dir=auto>${this.messages.consolemessage}</p>`}</div>`;
   }
   renderLogPanel() {
     if (this.openedResultPanel !== "log")

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

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
-import { css as h, html as r } from "lit";
+import { css as h, html as o } from "lit";
 import { LitElement as g, createEvent as l, safeClassMap as m } from "@arcgis/lumina";
 import { generateGuid as u } from "@arcgis/toolkit/string";
 import { u as f } from "../../chunks/useT9n.js";
-import { createRef as _, ref as b } from "lit/directives/ref.js";
+import { createRef as b, ref as _ } from "lit/directives/ref.js";
 import { k as d } from "../../chunks/utils.js";
 import { e as E } from "../../chunks/utilities.js";
 import "@arcgis/core/portal/PortalItem.js";
@@ -14,7 +14,7 @@ import "@arcgis/core/layers/FeatureLayer.js";
 import "@arcgis/core/applications/Components/arcadeEditorUtils.js";
 import "@arcgis/toolkit/predicate";
 import "vscode-languageserver-types";
-import { rethrowError as o } from "@arcgis/toolkit/log";
+import { rethrowError as r } from "@arcgis/toolkit/log";
 import "@arcgis/core/core/Error.js";
 import { d as n } from "../../chunks/language-defaults-base.js";
 import "@arcgis/core/portal/Portal.js";
@@ -23,7 +23,7 @@ import { getSqlLayerDiagnosticService as x } from "../../chunks/sql-layer-mode.j
 const I = h`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}`;
 class L extends g {
   constructor() {
-    super(...arguments), this._codeEditorElt = _(), this._disposables = [], this._modelId = u(), this.messages = f(), this._preparing = !1, this._resolvedLanguage = n, this.sideActionBarExpanded = !1, this.script = "", this.hideSideBar = !1, this.openedSidePanel = "none", this.arcgisDiagnosticsChange = l({ bubbles: !1 }), this.arcgisScriptChange = l({ bubbles: !1 });
+    super(...arguments), this._codeEditorElt = b(), this._disposables = [], this._modelId = u(), this.messages = f(), this._preparing = !1, this._resolvedLanguage = n, this.sideActionBarExpanded = !1, this.script = "", this.hideSideBar = !1, this.openedSidePanel = "none", this.arcgisDiagnosticsChange = l({ bubbles: !1 }), this.arcgisScriptChange = l({ bubbles: !1 });
   }
   static {
     this.properties = { _editorProfile: 16, _preparing: 16, _resolvedLanguage: 16, sideActionBarExpanded: 16, profile: 0, script: 1, hideSideBar: 5, messageOverrides: 0, openedSidePanel: 3, editorOptions: 0, editorInstance: 32 };
@@ -38,10 +38,10 @@ class L extends g {
     await this._codeEditorElt.value?.setFocus();
   }
   async load() {
-    await this._updateDataModelDeps().catch(o(this));
+    await this._updateDataModelDeps().catch(r(this));
   }
   willUpdate(e) {
-    e.has("profile") && this._updateDataModelDeps().catch(o(this));
+    e.has("profile") && this._updateDataModelDeps().catch(r(this));
   }
   async loaded() {
     const e = x();
@@ -71,7 +71,7 @@ class L extends g {
     this.sideActionBarExpanded = !this.sideActionBarExpanded;
   }
   _toggleSidePanel(e) {
-    this.openedSidePanel = this.openedSidePanel === e ? "none" : e, this.openedSidePanel === "none" && this._codeEditorElt.value?.setFocus().catch(o(this));
+    this.openedSidePanel = this.openedSidePanel === e ? "none" : e;
   }
   _onCodeEditorValueChange(e) {
     e.stopPropagation(), this.script = e.detail, this.arcgisScriptChange.emit(e.detail);
@@ -80,7 +80,7 @@ class L extends g {
     e.stopPropagation();
     const t = this._getSelectedTableVariable(e.detail);
     if (!t) {
-      this._codeEditorElt.value?.insertText(e.detail).catch(o(this));
+      this._codeEditorElt.value?.insertText(e.detail).catch(r(this));
       return;
     }
     await t.loadSource();
@@ -99,9 +99,9 @@ class L extends g {
   render() {
     const e = this._getTablesVariable(), i = String(this.messages.placeholderexample ?? "Example: {sqlQueryExample}").replace("{sqlQueryExample}", "select field1, field2 from db.dataset"), s = `${this.messages.placeholder ?? "Start filtering data using SQL query syntax"} 
  ${i}`;
-    return r`<arcgis-code-editor-shell><arcgis-code-editor slot=editor .language=${this._resolvedLanguage} .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} .editorOptions=${{ placeholder: s, ...this.editorOptions }} ${b(this._codeEditorElt)}></arcgis-code-editor>${!this.hideSideBar && r`<arcgis-editor-variables slot=side-panel .variable=${e} .heading=${this.messages.tables ?? "Tables"} .messageOverrides=${{ profileempty: this.messages.profileempty }} .closed=${this.openedSidePanel !== "variables"} class=${m(this.openedSidePanel === "variables" ? "" : "hidden")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisInternalItemSelected=${this._onItemSelected} @arcgisInternalClosePanel=${() => {
+    return o`<arcgis-code-editor-shell><arcgis-code-editor slot=editor .language=${this._resolvedLanguage} .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} .editorOptions=${{ placeholder: s, ...this.editorOptions }} ${_(this._codeEditorElt)}></arcgis-code-editor>${!this.hideSideBar && o`<arcgis-editor-variables slot=side-panel .variable=${e} .heading=${this.messages.tables ?? "Tables"} .messageOverrides=${{ profileempty: this.messages.profileempty }} .closed=${this.openedSidePanel !== "variables"} class=${m(this.openedSidePanel === "variables" ? "" : "hidden")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisInternalItemSelected=${this._onItemSelected} @arcgisInternalClosePanel=${() => {
       this.openedSidePanel = "none";
-    }} data-panel-name=none></arcgis-editor-variables><calcite-action-bar slot=side-action-bar .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=tables-action .text=${this.messages.tables ?? "Tables"} icon=table .active=${this.openedSidePanel === "variables"} data-panel-name=variables @click=${() => this._toggleSidePanel("variables")}></calcite-action>${!this.sideActionBarExpanded && r`<calcite-tooltip reference-element=tables-action><span>${this.messages.tables ?? "Tables"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</arcgis-code-editor-shell>`;
+    }} data-panel-name=none></arcgis-editor-variables><calcite-action-bar slot=side-action-bar .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=tables-action .text=${this.messages.tables ?? "Tables"} icon=table .active=${this.openedSidePanel === "variables"} data-panel-name=variables @click=${() => this._toggleSidePanel("variables")}></calcite-action>${!this.sideActionBarExpanded && o`<calcite-tooltip reference-element=tables-action><span>${this.messages.tables ?? "Tables"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</arcgis-code-editor-shell>`;
   }
 }
 p("arcgis-sql-layer-editor", L);