@arcgis/coding-components 4.32.0-next.36 → 4.32.0-next.38

package/dist/chunks/arcade-defaults.js

@@ -5,7 +5,7 @@ import { CompletionItemKind as w, InsertTextMode as f, InsertTextFormat as d } f
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 async function S(e) {
   const { apiVersion: i, bundles: t, hiddenApiItems: r } = e.toEditorProfileDefinition(), n = await h(e.dictionaryVariables);

package/dist/chunks/arcade-executor.js

@@ -2,7 +2,7 @@ import { importArcade as C } from "@arcgis/core-adapter";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 const G = "https://developers.arcgis.com/arcade/", O = 100, A = 100;
 function u(t) {

package/dist/chunks/arcade-mode.js

@@ -9,7 +9,7 @@ import { debounce as T, Deferred as _ } from "@arcgis/components-utils";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 const y = [
   "<=",

package/dist/chunks/arcade-service-accessors.js

@@ -3,7 +3,7 @@ import { isURL as i, hasSameOrigin as c } from "@arcgis/components-utils";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 function a() {
   return !!window.MonacoEnvironment?.getWorkerUrl;

package/dist/chunks/fields.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 function t(e) {
   switch (e.type) {

package/dist/chunks/language-defaults-base.js

@@ -9,7 +9,7 @@ import { Emitter as $, Uri as A } from "monaco-editor";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 function B(t) {
   return !!t && typeof t == "object" && "declaredClass" in t && typeof t.declaredClass == "string" && t.declaredClass.startsWith("esri.layers.") && g(t) && "queryFeatures" in t && typeof t.queryFeatures == "function";

package/dist/chunks/markdown.js

@@ -5,7 +5,7 @@ import { generateTokensCSSForColorMap as te } from "monaco-editor/esm/vs/editor/
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 async function ne(l) {
   return await (await ee()).colorize(l, "arcade", { tabSize: 2 });

package/dist/chunks/monaco-importer.js

@@ -6,7 +6,7 @@ import "monaco-editor/esm/vs/editor/common/languages/supports/tokenization";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 function g(r, t, n, m) {
   if (!t)

package/dist/chunks/runtime.js

@@ -2,7 +2,7 @@ import { makeRuntime as t } from "@arcgis/lumina";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/coding-components/next/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: o, setAssetPath: m } = s;
 export {

package/dist/chunks/sql-expr-defaults.js

@@ -5,7 +5,7 @@ import { g as b } from "./runtime.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 const x = (r) => {
   const e = r.variables[0], i = e && e.type === "featureSet" ? A(e) : void 0, { apiVersion: t, bundles: o, hiddenApiItems: s } = r.toEditorProfileDefinition();

package/dist/chunks/sql-expr-mode.js

@@ -8,7 +8,7 @@ import { a as d } from "./sql-expr-defaults.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 let h = new _();
 class k {

package/dist/chunks/useT9n.js

@@ -3,7 +3,7 @@ import { g as t } from "./runtime.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 const s = o(t);
 export {

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

@@ -15,7 +15,7 @@ import { css as w } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 const $ = w`arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border);box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-panel{flex:1 0 auto}.position-relative{position:relative}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.border-inline-start{border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box}.border-inline-end{border-inline-end:var(--arcgis-coding-components-border);box-sizing:border-box}.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}.side-action-bar{max-width:var(--arcgis-coding-components-side-action-bar-max-w)}.side-panel{max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w);calcite-flow{height:100%}}.main-action-bar{border-bottom:var(--arcgis-coding-components-border);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);box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}}`;
 class y extends _ {

package/dist/components/arcgis-arcade-editor/index.d.ts

@@ -1,8 +1,8 @@
-import "@esri/calcite-components/dist/components/calcite-action-bar.js";
-import "@esri/calcite-components/dist/components/calcite-action-group.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
 import "../arcgis-code-editor/index.js";
-import "@esri/calcite-components/dist/components/calcite-tooltip.js";
+import "@esri/calcite-components/components/calcite-tooltip";
 import "../arcgis-language-api-panel/index.js";
 import "../arcgis-editor-variables/index.js";
 import "../arcgis-arcade-suggestions/index.js";

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

@@ -1,8 +1,8 @@
-import "@esri/calcite-components/dist/components/calcite-action-bar.js";
-import "@esri/calcite-components/dist/components/calcite-action-group.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
 import "../arcgis-code-editor/index.js";
-import "@esri/calcite-components/dist/components/calcite-tooltip.js";
+import "@esri/calcite-components/components/calcite-tooltip";
 import "../arcgis-language-api-panel/index.js";
 import "../arcgis-editor-variables/index.js";
 import "../arcgis-arcade-suggestions/index.js";

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

@@ -3,19 +3,19 @@ import { html as e } from "lit-html";
 import { LitElement as w, createEvent as $, safeClassMap as v, nothing as p } from "@arcgis/lumina";
 import { setValuesInString as o, quoteString as h } from "@arcgis/components-utils";
 import { M as u, v as g, B as f, f as T, a as S, b as k } from "../../chunks/arcade-executor.js";
-import { s as C } from "../../chunks/fields.js";
-import { u as P } from "../../chunks/useT9n.js";
-import { css as M } from "@lit/reactive-element/css-tag.js";
+import { s as P } from "../../chunks/fields.js";
+import { u as M } from "../../chunks/useT9n.js";
+import { css as C } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
-const A = 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 = {
+const A = C`: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",
   scale: "s",
-  onCalciteTreeSelect: (l) => l.target.selectedItems.forEach((t) => t.selected = !1)
+  oncalciteTreeSelect: (l) => l.currentTarget.selectedItems.forEach((t) => t.selected = !1)
 }, c = {
   onClick: (l) => {
     const t = l.currentTarget;
@@ -26,10 +26,10 @@ function n(l) {
   return e`<span class="dictionary-property">${l}</span><span>:&nbsp;</span>`;
 }
 function b(l, t = !1) {
-  return e`<calcite-tree slot=${(t ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}><calcite-tree-item class="string-value">${JSON.stringify(l.castAsJson(), void 0, 2)}</calcite-tree-item></calcite-tree>`;
+  return e`<calcite-tree slot=${(t ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}><calcite-tree-item class="string-value">${JSON.stringify(l.castAsJson(), void 0, 2)}</calcite-tree-item></calcite-tree>`;
 }
 function y(l, t = !1) {
-  return e`<calcite-tree slot=${(t ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}><calcite-tree-item><div class="tree-item-label">${n("type")}${l.type}</div></calcite-tree-item><calcite-tree-item><div class="tree-item-label">${n("value")}<span class="string-value">${JSON.stringify(l, void 0, 2)}</span></div></calcite-tree-item></calcite-tree>`;
+  return e`<calcite-tree slot=${(t ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}><calcite-tree-item><div class="tree-item-label">${n("type")}${l.type}</div></calcite-tree-item><calcite-tree-item><div class="tree-item-label">${n("value")}<span class="string-value">${JSON.stringify(l, void 0, 2)}</span></div></calcite-tree-item></calcite-tree>`;
 }
 function m(l) {
   switch (l.type) {
@@ -53,7 +53,7 @@ function m(l) {
   }
 }
 function I(l) {
-  const t = C(l.value.fields);
+  const t = P(l.value.fields);
   return e`<table><thead><tr>${t.map((i) => e`<th>${i.name}</th>`)}</tr></thead><tbody>${l.features.map((i) => e`<tr>${t.map((s) => {
     try {
       const r = g(i.field(s.name));
@@ -65,7 +65,7 @@ function I(l) {
 }
 class L extends w {
   constructor() {
-    super(...arguments), this.messages = P(), this.loading = !0, this.openedResultPanel = "output", this.arcgisClose = $({ bubbles: !1 }), this.arcgisOpenedResultPanelChange = $({ bubbles: !1 });
+    super(...arguments), this.messages = M(), this.loading = !0, this.openedResultPanel = "output", this.arcgisClose = $({ bubbles: !1 }), this.arcgisOpenedResultPanelChange = $({ bubbles: !1 });
   }
   static {
     this.properties = { consoleLogs: 0, loading: 5, openedResultPanel: 3, result: 0 };
@@ -139,16 +139,16 @@ class L extends w {
         return e`<div class="result-value-simple ltr-container"><span class="value-type">${this.result.type}:&nbsp;</span>${m(this.result)}</div>`;
       case "array": {
         const i = (this.result.value ?? []).slice(0, u);
-        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.renderArrayHeader(this.result)}</div>${this.renderArrayTree(i, !0)}</calcite-tree-item></calcite-tree></div>`;
+        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.renderArrayHeader(this.result)}</div>${this.renderArrayTree(i, !0)}</calcite-tree-item></calcite-tree></div>`;
       }
       case "geometry":
-        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.result.type}</div>${y(this.result.value, !0)}</calcite-tree-item></calcite-tree></div>`;
+        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.result.type}</div>${y(this.result.value, !0)}</calcite-tree-item></calcite-tree></div>`;
       case "attachment":
-        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.result.type}</div>${b(this.result.value, !0)}</calcite-tree-item></calcite-tree></div>`;
+        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.result.type}</div>${b(this.result.value, !0)}</calcite-tree-item></calcite-tree></div>`;
       case "feature":
       case "dictionary":
       case "portal":
-        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.result.type}</div>${this.renderDictionaryTree(this.result.value, !0)}</calcite-tree-item></calcite-tree></div>`;
+        return e`<div class="result-value-simple ltr-container"><calcite-tree .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${this.result.type}</div>${this.renderDictionaryTree(this.result.value, !0)}</calcite-tree-item></calcite-tree></div>`;
       case "featureSet":
         return e`<div class="result-value-table ltr-container">${this.renderFeatureSetLabel(this.result)}${I(this.result)}</div>`;
       case "knowledgeGraph":
@@ -164,14 +164,14 @@ class L extends w {
     })}</span>` : null}`;
   }
   renderArrayTree(t, i = !1) {
-    return e`<calcite-tree slot=${(i ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}>${t.map((s, r) => {
+    return e`<calcite-tree slot=${(i ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}>${t.map((s, r) => {
       const d = g(s);
       return this.renderTreeItem(d, r, !i);
     })}</calcite-tree>`;
   }
   renderDictionaryTree(t, i = !1) {
     const s = t.geometry?.();
-    return e`<calcite-tree slot=${(i ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.onCalciteTreeSelect}>${t.keys().map((r) => {
+    return e`<calcite-tree slot=${(i ? "children" : void 0) ?? p} .lines=${a.lines} .selectionMode=${a.selectionMode} .scale=${a.scale} @calciteTreeSelect=${a.oncalciteTreeSelect}>${t.keys().map((r) => {
       const d = g(t.field(r));
       return this.renderTreeItem(d, r);
     })}${s ? this.renderTreeItem({ type: "geometry", value: s }, "geometry") : null}</calcite-tree>`;

package/dist/components/arcgis-arcade-results/index.d.ts

@@ -1,10 +1,10 @@
-import "@esri/calcite-components/dist/components/calcite-tree.js";
-import "@esri/calcite-components/dist/components/calcite-tree-item.js";
-import "@esri/calcite-components/dist/components/calcite-loader.js";
-import "@esri/calcite-components/dist/components/calcite-list.js";
-import "@esri/calcite-components/dist/components/calcite-list-item.js";
-import "@esri/calcite-components/dist/components/calcite-icon.js";
-import "@esri/calcite-components/dist/components/calcite-action-bar.js";
-import "@esri/calcite-components/dist/components/calcite-action-group.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
 export * from "./customElement.js";

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

@@ -1,10 +1,10 @@
-import "@esri/calcite-components/dist/components/calcite-tree.js";
-import "@esri/calcite-components/dist/components/calcite-tree-item.js";
-import "@esri/calcite-components/dist/components/calcite-loader.js";
-import "@esri/calcite-components/dist/components/calcite-list.js";
-import "@esri/calcite-components/dist/components/calcite-list-item.js";
-import "@esri/calcite-components/dist/components/calcite-icon.js";
-import "@esri/calcite-components/dist/components/calcite-action-bar.js";
-import "@esri/calcite-components/dist/components/calcite-action-group.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
+import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
 export * from "./customElement.js";

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

@@ -10,7 +10,7 @@ import { css as b } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
@@ -54,7 +54,7 @@ class S extends g {
     }), this._flowObserver.observe(e, { attributes: !0, attributeFilter: ["id"], childList: !0 }));
   }
   _updateFilterValue(e) {
-    this._filterValue = e.target?.value ?? "";
+    this._filterValue = e.currentTarget?.value ?? "";
   }
   _emitItemSelected(e, t) {
     const i = e;
@@ -76,10 +76,10 @@ class S extends g {
   }
   renderSuggestionFlowItem() {
     const e = this._selectedSuggestion;
-    return e ? s`<calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .beforeBack=${this._beforeBack}><calcite-button width=half slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(t) => this._emitItemSelected(t, e)} data-item=${e ?? l} ${c((t) => void t?.setFocus())}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${h(e.documentation) ?? ""}></div><pre><code ${c((t) => t === void 0 ? void 0 : void m(t, e.code).catch(console.error))}></code></pre></calcite-block></calcite-flow-item>` : null;
+    return e ? s`<calcite-flow-item .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 ?? l} ${c((t) => void t?.setFocus())}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${h(e.documentation) ?? ""}></div><pre><code ${c((t) => t === void 0 ? void 0 : void m(t, e.code).catch(console.error))}></code></pre></calcite-block></calcite-flow-item>` : null;
   }
   render() {
-    return s`<style>${this._colorizeStyle}</style><calcite-flow ${c(this.flowFocusHandler)}><calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input><calcite-list>${this.renderSuggestionGroups()}</calcite-list></calcite-flow-item>${this.renderSuggestionFlowItem()}</calcite-flow>`;
+    return s`<style>${this._colorizeStyle}</style><calcite-flow ${c(this.flowFocusHandler)}><calcite-flow-item .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>${this.renderSuggestionGroups()}</calcite-list></calcite-flow-item>${this.renderSuggestionFlowItem()}</calcite-flow>`;
   }
 }
 n("arcgis-arcade-suggestions", S);

package/dist/components/arcgis-arcade-suggestions/index.d.ts

@@ -1,10 +1,10 @@
-import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
-import "@esri/calcite-components/dist/components/calcite-list-item.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
-import "@esri/calcite-components/dist/components/calcite-flow-item.js";
-import "@esri/calcite-components/dist/components/calcite-button.js";
-import "@esri/calcite-components/dist/components/calcite-block.js";
-import "@esri/calcite-components/dist/components/calcite-flow.js";
-import "@esri/calcite-components/dist/components/calcite-input.js";
-import "@esri/calcite-components/dist/components/calcite-list.js";
+import "@esri/calcite-components/components/calcite-list-item-group";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-flow";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-list";
 export * from "./customElement.js";

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

@@ -1,10 +1,10 @@
-import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
-import "@esri/calcite-components/dist/components/calcite-list-item.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
-import "@esri/calcite-components/dist/components/calcite-flow-item.js";
-import "@esri/calcite-components/dist/components/calcite-button.js";
-import "@esri/calcite-components/dist/components/calcite-block.js";
-import "@esri/calcite-components/dist/components/calcite-flow.js";
-import "@esri/calcite-components/dist/components/calcite-input.js";
-import "@esri/calcite-components/dist/components/calcite-list.js";
+import "@esri/calcite-components/components/calcite-list-item-group";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-flow";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-list";
 export * from "./customElement.js";

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

@@ -14,7 +14,7 @@ import { load as D } from "@arcgis/components-controllers";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
 c.register({
   id: n.languageId,

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

@@ -1,30 +1,30 @@
 import { c as o } from "../../chunks/runtime.js";
 import { ref as c } from "lit-html/directives/ref.js";
-import { html as i } from "lit";
+import { html as s } from "lit";
 import { LitElement as n, createEvent as a } from "@arcgis/lumina";
 import { setFocusOnElement as d, createFilterExpression as h } from "@arcgis/components-utils";
-import { u as m } from "../../chunks/useT9n.js";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as m } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.36
+ * v4.32.0-next.38
 */
-const f = u`: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)}}`;
-function g(r) {
-  r.key === "Enter" && r.stopPropagation();
+const u = 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-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
+function g(l) {
+  l.key === "Enter" && l.stopPropagation();
 }
 class p extends n {
   constructor() {
     super(...arguments), this._beforeBack = async () => {
       this.removeLastPanelRenderer(), this._filterValue = "";
-    }, this.messages = m(), this._filterValue = "", this._flowItemRenderers = [], this._mode = "profile", this._mutationCounter = 1, this.loading = !1, this.arcgisClose = a({ bubbles: !1 }), this.arcgisItemSelected = a({ bubbles: !1 });
+    }, this.messages = f(), this._filterValue = "", this._flowItemRenderers = [], this._mode = "profile", this._mutationCounter = 1, this.loading = !1, this.arcgisClose = a({ bubbles: !1 }), this.arcgisItemSelected = a({ bubbles: !1 });
   }
   static {
     this.properties = { _filterValue: 16, _flowItemRenderers: 16, _mode: 16, _mutationCounter: 16, loading: 5, modelId: 1, variable: 0 };
   }
   static {
-    this.styles = f;
+    this.styles = u;
   }
   // #endregion
   // #region Lifecycle
@@ -61,7 +61,7 @@ class p extends n {
     }), this._flowObserver.observe(e, { attributes: !0, attributeFilter: ["id"], childList: !0 }));
   }
   _updateFilterValue(e) {
-    this._filterValue = e.target.value;
+    this._filterValue = e.currentTarget.value;
   }
   _emitClose() {
     this.arcgisClose.emit();
@@ -72,11 +72,14 @@ class p extends n {
   _emitItemSelected(e, t) {
     if (t.nonInteractive)
       return;
-    const s = e;
-    (!s.key || s.key === "Enter") && (e.preventDefault(), this.arcgisItemSelected.emit(t.snippet));
+    const i = e;
+    (!i.key || i.key === "Enter") && (e.preventDefault(), this.arcgisItemSelected.emit(t.snippet));
   }
   _showCollectionPanel(e, t) {
-    e.stopPropagation(), this.addPanelRenderer(this.collectionBasedVariableRenderer(t));
+    e.stopPropagation(), this.addPanelRenderer(
+      // Add a function to render the variable
+      (i) => this.renderCollectionBasedVariable(t, !1, i)
+    );
   }
   _getHeadingForCollection(e) {
     if (!e)
@@ -98,34 +101,35 @@ class p extends n {
         return e.variables[0]?.getLabel() ?? "";
     }
   }
-  collectionBasedVariableRenderer(e, t = !1) {
-    return () => {
-      if (!e)
-        return null;
-      let s = this.loading;
-      return !s && !e.loaded && (e.loadSource().then(() => setTimeout(() => {
-        this._mutationCounter += 1;
-      })).catch(() => {
-        console.error("Error loading collection"), s = !1;
-      }), s = !0), i`<calcite-flow-item .heading=${this._getHeadingForCollection(e)} .description=${this._getDescriptionForCollection(e)} .beforeBack=${this._beforeBack} closable @calciteFlowItemClose=${this._emitClose}><calcite-action slot=header-actions-end .text=${this.messages.backtotop ?? ""} scale=m .hidden=${t || this._isMode("featureSet")} icon=chevrons-left icon-flip-rtl @click=${this._backToTop}></calcite-action><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${s ? i`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? ""}></calcite-loader>` : i`<calcite-list>${this.renderEditorVariables(e)}</calcite-list>`}</calcite-flow-item>`;
-    };
+  renderCollectionBasedVariable(e, t = !1, i = !1) {
+    if (!e)
+      return null;
+    let r = this.loading;
+    return !r && !e.loaded && (e.loadSource().then(() => setTimeout(() => {
+      this._mutationCounter += 1;
+    })).catch(() => {
+      console.error("Error loading collection"), r = !1;
+    }), r = !0), s`<calcite-flow-item .heading=${this._getHeadingForCollection(e)} .description=${this._getDescriptionForCollection(e)} .beforeBack=${this._beforeBack} closable @calciteFlowItemClose=${this._emitClose} .selected=${i}><calcite-action slot=header-actions-end .text=${this.messages.backtotop ?? ""} scale=m .hidden=${t || this._isMode("featureSet")} icon=chevrons-left icon-flip-rtl @click=${this._backToTop}></calcite-action><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${r ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? ""}></calcite-loader>` : s`<calcite-list>${this.renderEditorVariables(e)}</calcite-list>`}</calcite-flow-item>`;
   }
   // #endregion
   // #region Rendering
   renderEditorVariables(e) {
-    const t = h(this._filterValue), s = e.variables.filter((l) => l.passFilter(t));
-    return s.length ? s.map((l) => this.renderEditorVariable(l)) : i`<div class="notice-container">${this.messages.noitems}</div>`;
+    const t = h(this._filterValue), i = e.variables.filter((r) => r.passFilter(t));
+    return i.length ? i.map((r) => this.renderEditorVariable(r)) : s`<div class="notice-container">${this.messages.noitems}</div>`;
   }
   renderEditorVariable(e) {
     switch (e.type) {
       case "group":
-        return this._isMode("featureSet") && e.isHeader ? i`<calcite-list-item-group .heading=${e.getLabel()}></calcite-list-item-group>` : this._isMode("featureSet") && e._label?.code === "fields" ? this.renderEditorVariables(e) : i`<calcite-list-item-group .heading=${e.getLabel()}>${this.renderEditorVariables(e)}</calcite-list-item-group>`;
+        return this._isMode("featureSet") && e.isHeader ? s`<calcite-list-item-group .heading=${e.getLabel()}></calcite-list-item-group>` : this._isMode("featureSet") && e._label?.code === "fields" ? this.renderEditorVariables(e) : s`<calcite-list-item-group .heading=${e.getLabel()}>${this.renderEditorVariables(e)}</calcite-list-item-group>`;
       default:
-        return i`<calcite-list-item .label=${e.getLabel()} .description=${e.getDescription()} @calciteListItemSelect=${(t) => this._emitItemSelected(t, e)} @keydown=${(t) => this._emitItemSelected(t, e)}>${e.isCollection ? i`<calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(t) => this._showCollectionPanel(t, e)} @keydown=${g}></calcite-action>` : null}${e.icon ? i`<calcite-icon .icon=${e.icon} scale=s slot=content-start></calcite-icon>` : null}</calcite-list-item>`;
+        return s`<calcite-list-item .label=${e.getLabel()} .description=${e.getDescription()} @calciteListItemSelect=${(t) => this._emitItemSelected(t, e)} @keydown=${(t) => this._emitItemSelected(t, e)}>${e.isCollection ? s`<calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(t) => this._showCollectionPanel(t, e)} @keydown=${g}></calcite-action>` : null}${e.icon ? s`<calcite-icon .icon=${e.icon} scale=s slot=content-start></calcite-icon>` : null}</calcite-list-item>`;
     }
   }
   render() {
-    return !this.loading && this.variable?.loaded && !this.variable?.variables.length ? i`<calcite-flow><calcite-flow-item .heading=${this.messages.profilevariables} closable @calciteFlowItemClose=${this._emitClose}><div class="notice-container">${this.messages.noprofilevariablesmessage}</div></calcite-flow-item></calcite-flow>` : i`<calcite-flow ${c(this.flowFocusHandler)}>${this.collectionBasedVariableRenderer(this.variable, !0)()}${this._flowItemRenderers.map((e) => e())}</calcite-flow>`;
+    return !this.loading && this.variable?.loaded && !this.variable?.variables.length ? s`<calcite-flow><calcite-flow-item .heading=${this.messages.profilevariables} closable @calciteFlowItemClose=${this._emitClose}><div class="notice-container">${this.messages.noprofilevariablesmessage}</div></calcite-flow-item></calcite-flow>` : s`<calcite-flow ${c(this.flowFocusHandler)}>${this.renderCollectionBasedVariable(this.variable, !0, this._flowItemRenderers.length === 0)}${this._flowItemRenderers.map((e, t, i) => (
+      // check if the current flow item is the last one, if so, renderer will set selected = true
+      e(t === i.length - 1)
+    ))}</calcite-flow>`;
   }
 }
 o("arcgis-editor-variables", p);

package/dist/components/arcgis-editor-variables/index.d.ts

@@ -1,10 +1,10 @@
-import "@esri/calcite-components/dist/components/calcite-flow-item.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
-import "@esri/calcite-components/dist/components/calcite-input.js";
-import "@esri/calcite-components/dist/components/calcite-loader.js";
-import "@esri/calcite-components/dist/components/calcite-list.js";
-import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
-import "@esri/calcite-components/dist/components/calcite-list-item.js";
-import "@esri/calcite-components/dist/components/calcite-icon.js";
-import "@esri/calcite-components/dist/components/calcite-flow.js";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item-group";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-flow";
 export * from "./customElement.js";

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

@@ -1,10 +1,10 @@
-import "@esri/calcite-components/dist/components/calcite-flow-item.js";
-import "@esri/calcite-components/dist/components/calcite-action.js";
-import "@esri/calcite-components/dist/components/calcite-input.js";
-import "@esri/calcite-components/dist/components/calcite-loader.js";
-import "@esri/calcite-components/dist/components/calcite-list.js";
-import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
-import "@esri/calcite-components/dist/components/calcite-list-item.js";
-import "@esri/calcite-components/dist/components/calcite-icon.js";
-import "@esri/calcite-components/dist/components/calcite-flow.js";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item-group";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-flow";
 export * from "./customElement.js";