@arcgis/coding-components 5.1.0-next.95 → 5.1.0-next.97

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{J as s,v as e}from"./REL6OK2I.js";import"./Y3KOWWO5.js";import"./3TTFCHAA.js";var r=e(s,{"arcgis-arcade-coding-assistant":[()=>import("./YTQ4K7PQ.js"),"appVersion,assistantsEnabled,closed,closePanel:,disableQuestionAnswerLogging,editorRef:,feedbackServiceUrl,helpBase,insertText:,portalUrl,serviceUrl;destroy"],"arcgis-arcade-debugger-console":[()=>import("./XN56YGFQ.js"),"debuggerStore:,modelId"],"arcgis-arcade-debugger-output":[()=>import("./7NI24N24.js"),"debuggerStore:,result:"],"arcgis-arcade-editor":[()=>import("./E3VATROF.js"),"arcadeAssistant:,customPanels:,editorInstance:,editorOptions:,enableDebugger,hideDocumentationActions,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getTestResult,setFocus"],"arcgis-arcade-results":[()=>import("./363GMMQ6.js"),"consoleLogs:,hideHeader,loading,openedResultPanel,result:"],"arcgis-arcade-suggestions":[()=>import("./WL2QW4SI.js"),"closed,suggestions:"],"arcgis-code-editor":[()=>import("./AEHKSYEZ.js"),"editorInstance:,editorOptions:,language,modelId,value;insertSnippet,insertText,setFocus"],"arcgis-code-editor-shell":[()=>import("./WN4UL6U4.js")],"arcgis-code-viewer":[()=>import("./TSZHSRGH.js"),"language,lineNumbers,round"],"arcgis-editor-variables":[()=>import("./UCX6WHKQ.js"),"closed,heading,loading,messageOverrides:,modelId,variable:"],"arcgis-language-api-panel":[()=>import("./NWLOXWV6.js"),"apiLibrary:,closed,hideDocumentationActions,languageId,loading"],"arcgis-sql-expression-editor":[()=>import("./SATQDL5P.js"),"hideSideBar,messageOverrides:,messages:,profile:,script;setFocus"],"arcgis-sql-layer-editor":[()=>import("./55EKVOZS.js"),"editorInstance:,editorOptions:,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script;setFocus"]});r({resourcesUrl:import.meta.url});var i=new CSSStyleSheet;i.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,i];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"./REL6OK2I.js";import"./Y3KOWWO5.js";import"./3TTFCHAA.js";var r=e(s,{"arcgis-arcade-coding-assistant":[()=>import("./YTQ4K7PQ.js"),"appVersion,assistantsEnabled,closed,closePanel:,disableQuestionAnswerLogging,editorRef:,feedbackServiceUrl,helpBase,insertText:,portalUrl,serviceUrl;destroy"],"arcgis-arcade-debugger-console":[()=>import("./PPV6RAZ3.js"),"debuggerStore:,modelId"],"arcgis-arcade-debugger-output":[()=>import("./7NI24N24.js"),"debuggerStore:,result:"],"arcgis-arcade-editor":[()=>import("./WP6BSOSW.js"),"arcadeAssistant:,customPanels:,editorInstance:,editorOptions:,enableDebugger,hideDocumentationActions,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getTestResult,setFocus"],"arcgis-arcade-results":[()=>import("./363GMMQ6.js"),"consoleLogs:,hideHeader,loading,openedResultPanel,result:"],"arcgis-arcade-suggestions":[()=>import("./WL2QW4SI.js"),"closed,suggestions:"],"arcgis-code-editor":[()=>import("./GHTOL7NB.js"),"editorInstance:,editorOptions:,language,modelId,value;insertSnippet,insertText,setFocus"],"arcgis-code-editor-shell":[()=>import("./WN4UL6U4.js")],"arcgis-code-viewer":[()=>import("./TSZHSRGH.js"),"language,lineNumbers,round"],"arcgis-editor-variables":[()=>import("./UCX6WHKQ.js"),"closed,heading,loading,messageOverrides:,modelId,variable:"],"arcgis-language-api-panel":[()=>import("./NWLOXWV6.js"),"apiLibrary:,closed,hideDocumentationActions,languageId,loading"],"arcgis-sql-expression-editor":[()=>import("./SATQDL5P.js"),"hideSideBar,messageOverrides:,messages:,profile:,script;setFocus"],"arcgis-sql-layer-editor":[()=>import("./GVMVHGSK.js"),"editorInstance:,editorOptions:,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script;setFocus"]});r({resourcesUrl:import.meta.url});var i=new CSSStyleSheet;i.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,i];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/components/arcgis-arcade-debugger-console/customElement.js

@@ -1,28 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
+import { c as v } from "../../chunks/runtime.js";
 import { css as u, html as r } from "lit";
-import { repeat as p } from "lit/directives/repeat.js";
-import { LitElement as f, safeClassMap as w, nothing as g } from "@arcgis/lumina";
+import { repeat as g } from "lit/directives/repeat.js";
+import { LitElement as f, safeClassMap as w, nothing as b } from "@arcgis/lumina";
 import { u as x } from "../../chunks/useT9n.js";
-import { load as k } from "@arcgis/lumina/controllers";
-import { i as S } from "../../chunks/monaco-importer.js";
+import { load as S } from "@arcgis/lumina/controllers";
+import { i as $ } from "../../chunks/monaco-importer.js";
 import { t as l } from "../../chunks/functional.js";
-import { d as $, g as y, c as b } from "../../chunks/debugger-value-styles.js";
-import { i as v, a as T, p as P, b as L, c as E, d as C, S as B, D as z, e as M } from "../../chunks/debugger-value-components.js";
-import { observeAncestorsMutation as I, unsafeGetCalciteModeName as V } from "@arcgis/toolkit/dom";
-import { generateGuid as D } from "@arcgis/toolkit/string";
-import { d as c } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
-import { Uri as A } from "monaco-editor";
-const N = u`:host{--calcite-block-padding: var(--calcite-spacing-sm);--breakpoints-popover-max-height: min(14rem, 20vh);display:block;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);overflow:hidden;height:100%;.console-shell,.tabs-container,calcite-tabs{height:100%}.tabs-container{flex:1 1 auto;min-height:0;overflow:hidden}.console-shell,calcite-tabs{display:flex;flex-direction:column;min-height:0}.console-shell{container-type:size;container-name:debugger-console}calcite-tab-nav{--calcite-size-2xl: var(--calcite-space-md);justify-content:flex-start;padding-inline:var(--calcite-spacing-sm)}calcite-tab-title{font-size:var(--calcite-font-size-sm)}calcite-tab{--calcite-tab-content-block-padding: 0;--calcite-tab-content-space-y: 0;display:flex;flex-direction:column;min-height:0}calcite-tab:not([selected]){display:none}.disabled-state-text{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);font-style:italic;text-align:center;display:block;padding:var(--calcite-spacing-md)}.breakpoint-header{display:flex;align-items:flex-start;gap:var(--calcite-spacing-sm);padding:var(--calcite-spacing-sm);border-bottom:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.load-action{--calcite-action-background-color: var(--calcite-color-foreground-2);--calcite-internal-action-height: 1.25rem;--calcite-internal-action-padding-block: 0;--calcite-internal-action-padding-inline: var(--calcite-spacing-xs);margin-block:var(--calcite-spacing-xxs)}.breakpoint-code-viewer{margin-block:0;width:100%}.tab-panel{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.tab-panel>*{flex:1 1 auto;min-height:0}.tab-panel>calcite-tree{margin-inline-end:var(--calcite-space-sm)}.preview-panel{display:flex;flex:1 1 auto;min-height:0}.preview-empty-state{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--calcite-spacing-md)}.preview-table-shell{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:0;overflow:hidden}.preview-table-summary{padding:var(--calcite-spacing-sm);border-bottom:1px solid var(--calcite-color-border-3);color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);background-color:var(--calcite-color-foreground-1)}.table-scroll{overflow:auto;flex:1 1 auto;min-height:0;max-width:100%;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-sm)}table{min-width:max-content;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)}}.breakpoints-popover{--calcite-popover-max-size-x: min(22rem, 68vw)}.breakpoints-popover-content{max-block-size:var(--breakpoints-popover-max-height);overflow:hidden}.breakpoints-list{display:flex;flex-direction:column;gap:var(--calcite-spacing-xs);padding:var(--calcite-spacing-xs);min-width:min(18rem,58vw);max-block-size:var(--breakpoints-popover-max-height);overflow:auto}.breakpoints-popover .breakpoint-code-viewer{--calcite-font-size--2: var(--calcite-font-size--3);--calcite-spacing-md: var(--calcite-spacing-sm);--calcite-spacing-sm: var(--calcite-spacing-xs);--calcite-spacing-xs: var(--calcite-spacing-xxs)}.breakpoint-list-item{border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sharp);background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-xxs)}.breakpoint-list-item--current{border-color:var(--calcite-color-brand)}.breakpoint-list-item-meta{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xs);margin-bottom:var(--calcite-spacing-xxs)}}`;
-class F extends f {
+import { d as k, g as y, c as m } from "../../chunks/debugger-value-styles.js";
+import { i as h, a as P, p as T, b as E, c as L, d as C, S as M, D as B, e as V } from "../../chunks/debugger-value-components.js";
+import { observeAncestorsMutation as z, unsafeGetCalciteModeName as I } from "@arcgis/toolkit/dom";
+import { generateGuid as A } from "@arcgis/toolkit/string";
+import { d as p } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
+import { Uri as D } from "monaco-editor";
+const F = u`:host{--calcite-block-padding: var(--calcite-spacing-sm);--breakpoints-popover-max-height: min(14rem, 20vh);display:block;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);overflow:hidden;height:100%;.console-shell,.tabs-container,calcite-tabs{height:100%}.tabs-container{flex:1 1 auto;min-height:0;overflow:hidden}.console-shell,calcite-tabs{display:flex;flex-direction:column;min-height:0}.console-shell{container-type:size;container-name:debugger-console}calcite-tab-nav{--calcite-size-2xl: var(--calcite-space-md);justify-content:flex-start;padding-inline:var(--calcite-spacing-sm)}calcite-tab-title{font-size:var(--calcite-font-size-sm)}calcite-tab{--calcite-tab-content-block-padding: 0;--calcite-tab-content-space-y: 0;display:flex;flex-direction:column;min-height:0}calcite-tab:not([selected]){display:none}.disabled-state-text{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);font-style:italic;text-align:center;display:block;padding:var(--calcite-spacing-md)}.breakpoint-header{display:flex;align-items:flex-start;gap:var(--calcite-spacing-sm);padding:var(--calcite-spacing-sm);border-bottom:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.load-action{--calcite-action-background-color: var(--calcite-color-foreground-2);--calcite-internal-action-height: 1.25rem;--calcite-internal-action-padding-block: 0;--calcite-internal-action-padding-inline: var(--calcite-spacing-xs);margin-block:var(--calcite-spacing-xxs)}.breakpoint-code-viewer{margin-block:0;width:100%}.tab-panel{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.tab-panel>*{flex:1 1 auto;min-height:0}.tab-panel>calcite-tree{margin-inline-end:var(--calcite-space-sm)}.preview-panel{display:flex;flex:1 1 auto;min-height:0}.preview-empty-state{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--calcite-spacing-md)}.preview-table-shell{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:0;overflow:hidden}.preview-table-summary{padding:var(--calcite-spacing-sm);border-bottom:1px solid var(--calcite-color-border-3);color:var(--calcite-color-text-2);font-family:var(--calcite-code-family);background-color:var(--calcite-color-foreground-1)}.table-scroll{overflow:auto;flex:1 1 auto;min-height:0;max-width:100%;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-sm)}table{min-width:max-content;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)}}.breakpoints-popover{--calcite-popover-max-size-x: min(22rem, 68vw)}.breakpoints-popover-content{max-block-size:var(--breakpoints-popover-max-height);overflow:hidden}.breakpoints-list{display:flex;flex-direction:column;gap:var(--calcite-spacing-xs);padding:var(--calcite-spacing-xs);min-width:min(18rem,58vw);max-block-size:var(--breakpoints-popover-max-height);overflow:auto}.breakpoints-popover .breakpoint-code-viewer{--calcite-font-size--2: var(--calcite-font-size--3);--calcite-spacing-md: var(--calcite-spacing-sm);--calcite-spacing-sm: var(--calcite-spacing-xs);--calcite-spacing-xs: var(--calcite-spacing-xxs)}.breakpoint-list-item{border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sharp);background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-xxs)}.breakpoint-list-item--current{border-color:var(--calcite-color-brand)}.breakpoint-list-item-meta{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xs);margin-bottom:var(--calcite-spacing-xxs)}}`;
+class N extends f {
   constructor() {
-    super(...arguments), this.messages = x(), this._monacoEditor = k(S), this._breakpointPopoverId = `arcade-debugger-console-breakpoints-${D()}`, this.modelId = "";
+    super(...arguments), this.messages = x(), this._monacoEditor = S($), this._breakpointPopoverId = `arcade-debugger-console-breakpoints-${A()}`, this.modelId = "";
   }
   static {
     this.properties = { debuggerStore: 0, modelId: 1 };
   }
   static {
-    this.styles = [N, $, y()];
+    this.styles = [F, k, y()];
   }
   get breakpoints() {
     return this.debuggerStore?.debuggerBreakpoints ?? [];
@@ -33,20 +33,23 @@ class F extends f {
   get lazyTreeState() {
     return this.debuggerStore?.lazyTreeState;
   }
+  get executionProgramState() {
+    return this.debuggerStore?.executionState?.result;
+  }
   load() {
     this.manager.onLifecycle(() => {
-      const e = I(this.el, ["class"], this.updateTheme.bind(this));
+      const e = z(this.el, ["class"], this.updateTheme.bind(this));
       return this.updateTheme(), () => e();
     });
   }
   getContentAtLine(e) {
     if (!this.modelId)
       return "";
-    const t = this._monacoEditor.getModel(A.parse(this.modelId));
+    const t = this._monacoEditor.getModel(D.parse(this.modelId));
     return t ? t.getLineContent(e) : "";
   }
   updateTheme() {
-    V(this.el) === "dark" ? this.elementInternals.states.add(b) : this.elementInternals.states.delete(b);
+    I(this.el) === "dark" ? this.elementInternals.states.add(m) : this.elementInternals.states.delete(m);
   }
   getBreakpointCode(e) {
     return e == null ? this.messages.nocontent ?? "No content" : this.getContentAtLine(e) || (this.messages.nocontent ?? "No content");
@@ -59,84 +62,94 @@ class F extends f {
   }
   findCollectionItemByPreviewSegment(e, t) {
     if (t.startsWith("name:")) {
-      const i = t.slice(5);
-      return e.find((a) => a.name === i)?.featureSet;
+      const a = t.slice(5);
+      return e.find((i) => i.name === a)?.featureSet;
     }
     if (t.startsWith("id:")) {
-      const i = t.slice(3);
-      return e.find((a) => String(a.id) === i)?.featureSet;
+      const a = t.slice(3);
+      return e.find((i) => String(i.id) === a)?.featureSet;
     }
   }
   getExpandedDebuggerMap(e) {
-    if (e == null || !v(e))
+    if (e == null || !h(e))
       return null;
     const t = e.expand();
     return Array.isArray(t) ? null : t;
   }
   getPreviewRows(e) {
     return e.map((t) => {
-      const i = this.getExpandedDebuggerMap(t);
-      return i || /* @__PURE__ */ new Map();
+      const a = this.getExpandedDebuggerMap(t);
+      return a || /* @__PURE__ */ new Map();
     });
   }
   getExpandedDebuggerChild(e, t) {
-    if (!e || !v(e))
+    if (!e || !h(e))
       return;
-    const i = e.expand();
-    if (Array.isArray(i)) {
-      const a = Number(t);
-      return !Number.isInteger(a) || String(a) !== t ? void 0 : i[a];
+    const a = e.expand();
+    if (Array.isArray(a)) {
+      const i = Number(t);
+      return !Number.isInteger(i) || String(i) !== t ? void 0 : a[i];
     }
-    return i.get(t);
+    return a.get(t);
   }
   async resolvePreviewValueFromSegments(e, t) {
     if (!t.length)
       return e;
     if (!e)
       return;
-    const [i, ...a] = t;
-    let s;
-    if (T(e)) {
-      const o = await e.load();
-      s = this.findCollectionItemByPreviewSegment(o, i);
+    const [a, ...i] = t;
+    let o;
+    if (P(e)) {
+      const s = await e.load();
+      o = this.findCollectionItemByPreviewSegment(s, a);
     } else
-      s = this.getExpandedDebuggerChild(e, i);
-    return await this.resolvePreviewValueFromSegments(s, a);
+      o = this.getExpandedDebuggerChild(e, a);
+    return await this.resolvePreviewValueFromSegments(o, i);
+  }
+  getScope(e, t) {
+    switch (t) {
+      case "profile":
+        return e.profile;
+      case "globals":
+        return e.globals;
+      case "locals":
+        return e.locals;
+    }
   }
   async resolvePreviewValue(e) {
-    const t = this.debuggerStore?.executionState?.result;
+    const t = this.executionProgramState;
     if (!t)
       return;
-    const i = P(e);
-    if (!i)
+    const a = T(e);
+    if (!a)
       return;
-    const { scopeName: a, rootName: s, pathSegments: o } = i, n = a === "globals" ? t.globals : a === "locals" ? t.locals : null;
+    const { scopeName: i, rootName: o, pathSegments: s } = a, n = this.getScope(t, i);
     if (n)
-      return await this.resolvePreviewValueFromSegments(n.get(s), o);
+      return await this.resolvePreviewValueFromSegments(n.get(o), s);
   }
-  async loadPreview({ label: e, sourcePath: t, value: i }) {
-    const a = this.previewTabsState, { snapshot: s } = a.startLoad(e, t);
-    let o = i;
-    if (o == null)
+  async loadPreview({ label: e, sourcePath: t, value: a }) {
+    const i = this.previewTabsState, { snapshot: o } = i.startLoad(e, t);
+    let s = a;
+    if (s == null)
       try {
-        o = await this.resolvePreviewValue(t);
+        s = await this.resolvePreviewValue(t);
       } catch {
-        a.setError(s, this.getPreviewLoadErrorMessage());
+        i.setError(o, this.getPreviewLoadErrorMessage());
         return;
       }
-    if (o == null || !L(o) || typeof o.querySample != "function" || typeof o.schema != "function") {
-      a.setUnavailable(s, this.messages.previewunavailable ?? "This preview is no longer available in the current paused state.");
+    if (s == null || !E(s) || typeof s.querySample != "function" || typeof s.schema != "function") {
+      i.setUnavailable(o, this.messages.previewunavailable ?? "This preview is no longer available in the current paused state.");
       return;
     }
     try {
-      const { fields: n, features: d } = await o.querySample(), m = this.getPreviewRows(d);
-      a.setLoaded(s, n, m);
+      const { fields: n, features: d } = await s.querySample(), c = this.getPreviewRows(d);
+      i.setLoaded(o, n, c);
     } catch {
-      a.setError(s, this.getPreviewLoadErrorMessage());
+      i.setError(o, this.getPreviewLoadErrorMessage());
     }
   }
   activateTab(e) {
-    if (e === c) {
+    if (e === p) {
       this.previewTabsState.selectScope();
       return;
     }
@@ -153,24 +166,27 @@ class F extends f {
       t?.querySelector(".breakpoint-list-item--current")?.scrollIntoView({ block: "center" });
     });
   }
+  sortScopeEntries(e) {
+    return e.sort(([t], [a]) => t.localeCompare(a));
+  }
   renderPreviewLabel(e) {
     return r`<bdi>${e}</bdi>`;
   }
   renderPreviewCell(e) {
-    return e ? E(e) || C(e) ? B({ value: e }) : r`<span class="xs"></span>` : r`<span class="xs"></span>`;
+    return e ? L(e) || C(e) ? M({ value: e }) : r`<span class="xs"></span>` : r`<span class="xs"></span>`;
   }
-  renderScopeEntryForScope(e, t, i) {
-    const [a, s] = i, o = `${t}.${a}`, n = this.lazyTreeState;
-    return n ? z({ name: a, value: s, messages: this.messages, path: `${e}.${a}`, lazyTreeState: n, previewLabel: o, previewSourcePath: M(e, a), previewLoading: this.previewTabsState.isTabLoading(o), onLoadPreview: (d) => {
+  renderScopeEntryForScope(e, t, a) {
+    const [i, o] = a, s = `${t}.${i}`, n = this.lazyTreeState;
+    return n ? B({ name: i, value: o, messages: this.messages, path: `${e}.${i}`, lazyTreeState: n, previewLabel: s, previewSourcePath: V(e, i), previewLoading: this.previewTabsState.isTabLoading(s), onLoadPreview: (d) => {
       this.loadPreview(d);
     } }) : null;
   }
   renderBreakpointPopover(e) {
-    return this.breakpoints.length ? r`<calcite-popover .referenceElement=${this._breakpointPopoverId} placement=bottom-end scale=s auto-close focus-trap-disabled @calcitePopoverOpen=${(t) => this.scrollToSelectedBreakpoint(t)} .label=${this.messages.breakpoints ?? "Breakpoints"} class="breakpoints-popover" .heading=${this.messages.breakpoints ?? "Breakpoints"} heading-level=2><div class="breakpoints-popover-content"><div class="breakpoints-list">${this.breakpoints.map((t, i) => r`<div class=${w(t.line === e ? "breakpoint-list-item breakpoint-list-item--current" : "breakpoint-list-item")}><div class="breakpoint-list-item-meta"><bdi>${this.getBreakpointPositionText(i + 1)}</bdi></div><arcgis-code-viewer language=arcade class="breakpoint-code-viewer" .lineNumbers=${(a) => String(a + t.line - 1)}>${this.getBreakpointCode(t.line)}</arcgis-code-viewer></div>`)}</div></div></calcite-popover>` : null;
+    return this.breakpoints.length ? r`<calcite-popover .referenceElement=${this._breakpointPopoverId} placement=bottom-end scale=s auto-close focus-trap-disabled @calcitePopoverOpen=${(t) => this.scrollToSelectedBreakpoint(t)} .label=${this.messages.breakpoints ?? "Breakpoints"} class="breakpoints-popover" .heading=${this.messages.breakpoints ?? "Breakpoints"} heading-level=2><div class="breakpoints-popover-content"><div class="breakpoints-list">${this.breakpoints.map((t, a) => r`<div class=${w(t.line === e ? "breakpoint-list-item breakpoint-list-item--current" : "breakpoint-list-item")}><div class="breakpoint-list-item-meta"><bdi>${this.getBreakpointPositionText(a + 1)}</bdi></div><arcgis-code-viewer language=arcade class="breakpoint-code-viewer" .lineNumbers=${(i) => String(i + t.line - 1)}>${this.getBreakpointCode(t.line)}</arcgis-code-viewer></div>`)}</div></div></calcite-popover>` : null;
   }
   renderScopePanel() {
-    const e = this.debuggerStore?.executionState?.result, t = !!(e?.locals && e.locals.size > 0), i = Array.from(e?.globals ?? []), a = Array.from(e?.locals ?? []);
-    return e ? r`<calcite-tree .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect} .lines=${l.lines} .selectionMode=${l.selectionMode}><calcite-tree-item expanded>${this.messages.global ?? "Global"}<calcite-tree slot=children .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${i.map((s) => this.renderScopeEntryForScope("globals", this.messages.global ?? "Global", s))}</calcite-tree></calcite-tree-item><calcite-tree-item expanded .disabled=${!t}>${this.messages.local ?? "Local"}<calcite-tree slot=children .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${t ? a.map((s) => this.renderScopeEntryForScope("locals", this.messages.local ?? "Local", s)) : r`<span><i>${this.messages.nolocalscope ?? "No local scope"}</i></span>`}</calcite-tree></calcite-tree-item></calcite-tree>` : this.debuggerStore?.isExecuting ? r`<div class="preview-empty-state"><calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"} .text=${this.messages.loading ?? "Loading"}></calcite-loader></div>` : r`<span class="disabled-state-text">${this.messages.notpaused ?? "Not paused"}</span>`;
+    const e = this.executionProgramState, t = this.sortScopeEntries(Array.from(e?.profile ?? [])), a = this.sortScopeEntries(Array.from(e?.globals ?? [])), i = e?.locals ? this.sortScopeEntries(Array.from(e?.locals ?? [])) : void 0, o = !!e?.locals, s = i && i.length > 0, n = t.length > 0, d = a.length > 0;
+    return e ? r`<calcite-tree .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect} .lines=${l.lines} .selectionMode=${l.selectionMode}><calcite-tree-item expanded .disabled=${!s}>${this.messages.local ?? "Local"}<calcite-tree slot=children .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${o ? s ? i.map((c) => this.renderScopeEntryForScope("locals", this.messages.local ?? "Local", c)) : r`<span><i>${this.messages.empty ?? "Empty"}</i></span>` : r`<span><i>${this.messages.nolocalscope ?? "No local scope"}</i></span>`}</calcite-tree></calcite-tree-item><calcite-tree-item expanded .disabled=${!d}>${this.messages.global ?? "Global"}<calcite-tree slot=children .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${d ? a.map((c) => this.renderScopeEntryForScope("globals", this.messages.global ?? "Global", c)) : r`<span><i>${this.messages.empty ?? "Empty"}</i></span>`}</calcite-tree></calcite-tree-item><calcite-tree-item expanded .disabled=${!n}>${this.messages.profile ?? "Profile"}<calcite-tree slot=children .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${n ? t.map((c) => this.renderScopeEntryForScope("profile", this.messages.profile ?? "Profile", c)) : r`<span><i>${this.messages.empty ?? "Empty"}</i></span>`}</calcite-tree></calcite-tree-item></calcite-tree>` : this.debuggerStore?.isExecuting ? r`<div class="preview-empty-state"><calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"} .text=${this.messages.loading ?? "Loading"}></calcite-loader></div>` : r`<span class="disabled-state-text">${this.messages.notpaused ?? "Not paused"}</span>`;
   }
   renderPreviewPanel(e) {
     switch (e.status) {
@@ -180,22 +196,22 @@ class F extends f {
       case "error":
         return r`<span class="disabled-state-text">${e.message}</span>`;
       case "loaded":
-        const { fields: t, label: i, rows: a } = e;
-        return !a.length || !t.length ? r`<span class="disabled-state-text">${this.messages.nopreviewrows ?? "No preview rows available."}</span>` : r`<div class="preview-table-shell"><div class="preview-table-summary">${this.renderPreviewLabel(i)}</div><div class="table-scroll"><table><thead><tr>${t.map((s) => r`<th><bdi>${s}</bdi></th>`)}</tr></thead><tbody>${a.map((s) => r`<tr>${t.map((o) => r`<td>${this.renderPreviewCell(s.get(o))}</td>`)}</tr>`)}</tbody></table></div></div>`;
+        const { fields: t, label: a, rows: i } = e;
+        return !i.length || !t.length ? r`<span class="disabled-state-text">${this.messages.nopreviewrows ?? "No preview rows available."}</span>` : r`<div class="preview-table-shell"><div class="preview-table-summary">${this.renderPreviewLabel(a)}</div><div class="table-scroll"><table><thead><tr>${t.map((o) => r`<th><bdi>${o}</bdi></th>`)}</tr></thead><tbody>${i.map((o) => r`<tr>${t.map((s) => r`<td>${this.renderPreviewCell(o.get(s))}</td>`)}</tr>`)}</tbody></table></div></div>`;
       default:
         return r`<span class="disabled-state-text">${this.messages.nopreviewloaded ?? "Select a FeatureSet variable and load a preview."}</span>`;
     }
   }
   renderTabs() {
     const e = this.previewTabsState.activeTabId;
-    return r`<calcite-tabs><calcite-tab-nav slot=title-group><calcite-tab-title .tab=${c} .selected=${e === c} @calciteTabsActivate=${(t) => this.activateTab(t.target.tab)}>${this.messages.scope ?? "Scope"}</calcite-tab-title>${p(this.previewTabsState.tabs, (t) => `title-${t.id}`, (t) => r`<calcite-tab-title .tab=${t.id} title=${t.label ?? g} closable .selected=${e === t.id} @calciteTabsActivate=${(i) => this.activateTab(i.target.tab)} @calciteTabsClose=${(i) => this.closePreviewTab(i.target)}><bdi>${t.title}</bdi></calcite-tab-title>`)}</calcite-tab-nav><calcite-tab .tab=${c} .selected=${e === c}><div class="tab-panel">${this.renderScopePanel()}</div></calcite-tab>${p(this.previewTabsState.tabs, (t) => `panel-${t.id}`, (t) => r`<calcite-tab .tab=${t.id} .selected=${e === t.id}><div class="tab-panel preview-panel">${this.renderPreviewPanel(t)}</div></calcite-tab>`)}</calcite-tabs>`;
+    return r`<calcite-tabs><calcite-tab-nav slot=title-group><calcite-tab-title .tab=${p} .selected=${e === p} @calciteTabsActivate=${(t) => this.activateTab(t.target.tab)}>${this.messages.scope ?? "Scope"}</calcite-tab-title>${g(this.previewTabsState.tabs, (t) => `title-${t.id}`, (t) => r`<calcite-tab-title .tab=${t.id} title=${t.label ?? b} closable .selected=${e === t.id} @calciteTabsActivate=${(a) => this.activateTab(a.target.tab)} @calciteTabsClose=${(a) => this.closePreviewTab(a.target)}><bdi>${t.title}</bdi></calcite-tab-title>`)}</calcite-tab-nav><calcite-tab .tab=${p} .selected=${e === p}><div class="tab-panel">${this.renderScopePanel()}</div></calcite-tab>${g(this.previewTabsState.tabs, (t) => `panel-${t.id}`, (t) => r`<calcite-tab .tab=${t.id} .selected=${e === t.id}><div class="tab-panel preview-panel">${this.renderPreviewPanel(t)}</div></calcite-tab>`)}</calcite-tabs>`;
   }
   render() {
-    const { line: e } = this.debuggerStore?.executionState ?? {}, t = this.breakpoints.find((a) => a.line === e), i = this.breakpoints.findIndex((a) => a.line === e);
-    return r`<div class="console-shell"><div class="breakpoint-header"><arcgis-code-viewer language=arcade class="breakpoint-code-viewer" .lineNumbers=${(a) => String(a + (t?.line ?? e ?? 1) - 1)}>${this.getBreakpointCode(t?.line ?? this.breakpoints[0]?.line ?? e ?? 1)}</arcgis-code-viewer>${this.breakpoints.length ? r`<calcite-action id=${this._breakpointPopoverId ?? g} scale=s .text=${this.getBreakpointPositionText(i >= 0 ? i + 1 : 1)} text-enabled icon=chevron-down></calcite-action>` : null}${this.renderBreakpointPopover(t?.line ?? e)}</div><div class="tabs-container">${this.renderTabs()}</div></div>`;
+    const { line: e } = this.debuggerStore?.executionState ?? {}, t = this.breakpoints.find((i) => i.line === e), a = this.breakpoints.findIndex((i) => i.line === e);
+    return r`<div class="console-shell"><div class="breakpoint-header"><arcgis-code-viewer language=arcade class="breakpoint-code-viewer" .lineNumbers=${(i) => String(i + (t?.line ?? e ?? 1) - 1)}>${this.getBreakpointCode(t?.line ?? this.breakpoints[0]?.line ?? e ?? 1)}</arcgis-code-viewer>${this.breakpoints.length ? r`<calcite-action id=${this._breakpointPopoverId ?? b} scale=s .text=${this.getBreakpointPositionText(a >= 0 ? a + 1 : 1)} text-enabled icon=chevron-down></calcite-action>` : null}${this.renderBreakpointPopover(t?.line ?? e)}</div><div class="tabs-container">${this.renderTabs()}</div></div>`;
   }
 }
-h("arcgis-arcade-debugger-console", F);
+v("arcgis-arcade-debugger-console", N);
 export {
-  F as ArcgisArcadeDebuggerConsole
+  N as ArcgisArcadeDebuggerConsole
 };

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

@@ -37,22 +37,22 @@ async function ge({
   const s = t.replace(/\/sharing\/rest(\/.*)?$/iu, "").replace(/\/$/u, "");
   if (!await he(s))
     return { shouldRender: !1 };
-  const a = await ue(t), r = `${s}/sharing/rest/portals/self?f=json&token=${a}`, n = `${s}/sharing/rest/portals/self/settings?f=json&token=${a}`, d = `${s}/sharing/rest/portals/self/signinSettings?f=json&token=${a}`, w = await Promise.allSettled([
+  const a = await ue(t), r = `${s}/sharing/rest/portals/self?f=json&token=${a}`, n = `${s}/sharing/rest/portals/self/settings?f=json&token=${a}`, d = `${s}/sharing/rest/portals/self/signinSettings?f=json&token=${a}`, E = await Promise.allSettled([
     fetch(r, { credentials: "include" }).then((S) => S.json()),
     fetch(n, { credentials: "include" }).then((S) => S.json()),
     fetch(d, { credentials: "include" }).then((S) => S.json())
-  ]), [E, R, C] = w, A = E.status === "fulfilled" ? E.value : (p("warn", `Failed to fetch selfUrl. Reason: ${E.reason}.`), {}), M = R.status === "fulfilled" ? R.value : (p("warn", `Failed to fetch settingsUrl. Reason: ${R.reason}.`), {}), G = C.status === "fulfilled" ? C.value : (p("warn", `Failed to fetch signinSettingsUrl. Reason: ${C.reason}.`), {});
-  if (A.isPortal)
+  ]), [w, R, C] = E, D = w.status === "fulfilled" ? w.value : (p("warn", `Failed to fetch selfUrl. Reason: ${w.reason}.`), {}), M = R.status === "fulfilled" ? R.value : (p("warn", `Failed to fetch settingsUrl. Reason: ${R.reason}.`), {}), G = C.status === "fulfilled" ? C.value : (p("warn", `Failed to fetch signinSettingsUrl. Reason: ${C.reason}.`), {});
+  if (D.isPortal)
     return { shouldRender: !1 };
-  const k = A.helpBase || "";
+  const k = D.helpBase || "";
   if (!M)
     return p("warn", "Settings response is not available."), { shouldRender: !1 };
   let I = le(M);
   G.blockBetaApps === !0 && (p(
     "warn",
     "Arcade Assistant is blocked by the organization settings. To enable it, do not block beta apps in the organization settings."
-  ), I = !1), A?.user?.privileges?.includes("portal:user:useAIAssistants") || (p("warn", "User does not have the required privileges to use AI Assistants."), I = !1);
-  const B = A?.helperServices?.aiAssistantServices?.url;
+  ), I = !1), D?.user?.privileges?.includes("portal:user:useAIAssistants") || (p("warn", "User does not have the required privileges to use AI Assistants."), I = !1);
+  const B = D?.helperServices?.aiAssistantServices?.url;
   return B ? {
     shouldRender: !0,
     serviceUrl: B,
@@ -101,7 +101,7 @@ _([
 u = _([
   m("ArcadeDebuggerLazyTreeNodeState")
 ], u);
-let D = class extends f {
+let A = class extends f {
   constructor(t) {
     super(t), this.generation = 0, this.nodes = /* @__PURE__ */ new Map();
   }
@@ -160,9 +160,9 @@ let D = class extends f {
     this.nodes.clear();
   }
 };
-D = _([
+A = _([
   m("ArcadeDebuggerLazyTreeState")
-], D);
+], A);
 var _e = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, c = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? fe(e, s) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (i ? n(e, s, a) : n(a)) || a);
@@ -275,7 +275,7 @@ $ = c([
 ], $);
 let h = class extends f {
   constructor(t) {
-    super(t), this.execution = new b(), this.lazyTreeState = new D(), this.pausedFrame = new $(), this.previewTabsState = new N(), this.session = new y(), this.ui = new v();
+    super(t), this.execution = new b(), this.lazyTreeState = new A(), this.pausedFrame = new $(), this.previewTabsState = new N(), this.session = new y(), this.ui = new v();
   }
   get breakpoints() {
     return this.session.breakpoints;
@@ -423,7 +423,7 @@ let h = class extends f {
     this.pausedLine = void 0, this.lazyTreeState.reset(), this.previewTabsState.clear();
   }
   replaceTransientDebuggerState() {
-    this.pausedLine = void 0, this.lazyTreeState = new D(), this.previewTabsState = new N();
+    this.pausedLine = void 0, this.lazyTreeState = new A(), this.previewTabsState = new N();
   }
 };
 c([
@@ -526,20 +526,18 @@ class Se extends K {
     }), e.has("arcadeAssistant") && this._updateArcadeAssistantRemoteState();
   }
   async loaded() {
-    this._componentReadyDefer.resolve(), await this._updateApiLibrary(), await this._connectMonacoCustomizations(), await this._codeEditorElt.value?.setFocus();
+    await this._connectMonacoCustomizations(), this._componentReadyDefer.resolve(), await this._codeEditorElt.value?.setFocus();
   }
   _setOpenedSidePanel(e) {
     this.openedSidePanel = e === this.openedSidePanel ? "none" : e;
   }
   async _connectMonacoCustomizations() {
-    if (this._disposables.length || this._connectMonacoCustomizationsPromise)
+    if (this._connectMonacoCustomizationsPromise)
       return await this._connectMonacoCustomizationsPromise;
     this._connectMonacoCustomizationsPromise = (async () => {
-      if (await this.updateComplete, !this.isConnected || this._disposables.length)
+      if (!this.isConnected)
         return;
       const e = await ee();
-      if (!this.isConnected || this._disposables.length)
-        return;
       this._disposables.push(e.onDiagnosticsChange((d) => !this._preparingArcade && this.arcgisDiagnosticsChange.emit(d.diagnostics))), this.testData && !this._executeScriptAction && this._addExecuteScriptAction();
       const s = T(() => this._debuggerState.breakpoints, () => this._updateBreakpointsDecorations(), { sync: !0 }), i = T(() => this._debuggerState.debuggerLine, () => this._updateDebuggerPausedLineDecoration(), { sync: !0 }), a = T(() => this._debuggerState.consoleLogs.length, () => this.requestUpdate(), { sync: !0 });
       this._disposables.push({ dispose: () => s.remove() }, { dispose: () => i.remove() }, { dispose: () => a.remove() });
@@ -645,7 +643,7 @@ class Se extends K {
       (async () => {
         const r = this._codeEditorElt.value?.value, n = {
           mode: e,
-          console: (w) => this._debuggerState.addConsoleLog(w),
+          console: (E) => this._debuggerState.addConsoleLog(E),
           breakpoints: e === "debug" ? this._debuggerState.debuggerBreakpoints : void 0
         };
         e === "debug" && (n.onDebugPause = this._handleDebugPause.bind(this, i));