@arcgis/coding-components 4.29.0-beta.113 → 4.29.0-beta.115

package/dist/components/arcade-results.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Fragment, Host } from '@stencil/core/internal/client';
 import { g as importArcade, s as supportedFields } from './fields.js';
-import { B, H, K, Q } from './index2.js';
+import { B, q, Z, D } from './index2.js';
 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';
@@ -175,17 +175,18 @@ function formatArcadeResultDateOnly(dateObject) {
 function formatArcadeResultTimeOnly(dateObject) {
     return dateObject.value.toString();
 }
-async function loadArcadeResult(result, timeZone = "system") {
-    if (result.type !== "featureSet") {
-        return result;
+async function convertScriptOutputToArcadeResult(scriptOutput, timeZone = "system") {
+    const arcadeResult = valueToArcadeResult(scriptOutput);
+    if (arcadeResult.type !== "featureSet") {
+        return arcadeResult;
     }
     // Feature Set needs to be loaded
-    await result.value.load();
+    await arcadeResult.value.load();
     // Create the first iterator
-    result.iterator = result.value.iterator({ aborted: false });
+    arcadeResult.iterator = arcadeResult.value.iterator({ aborted: false });
     // Load the first batch of items
-    result.features = (await result.iterator.nextBatchAsArcadeFeatures(BatchSize, timeZone)) ?? [];
-    return result;
+    arcadeResult.features = (await arcadeResult.iterator.nextBatchAsArcadeFeatures(BatchSize, timeZone)) ?? [];
+    return arcadeResult;
 }
 async function executeScript(editorProfile, script, testContext, console) {
     //
@@ -213,12 +214,12 @@ async function executeScript(editorProfile, script, testContext, console) {
         // Execute the script
         const scriptOutput = await executor.executeAsync(profileVariableInstances, executeContext);
         // Convert script output to arcade result object and load data if necessary
-        const scriptResult = await loadArcadeResult(valueToArcadeResult(scriptOutput), timeZone);
+        const arcadeResult = await convertScriptOutputToArcadeResult(scriptOutput, timeZone);
         // Timestamp and measure cost
-        scriptResult.timeStamp = timeStamp;
-        scriptResult.compilationTime = t1 - t0;
-        scriptResult.executionTime = performance.now() - t1;
-        return scriptResult;
+        arcadeResult.timeStamp = timeStamp;
+        arcadeResult.compilationTime = t1 - t0;
+        arcadeResult.executionTime = performance.now() - t1;
+        return arcadeResult;
         //
     }
     catch (error) {
@@ -237,61 +238,6 @@ async function executeScript(editorProfile, script, testContext, console) {
     }
 }
 
-const indentSpecs = { char: " ", size: 2 };
-const indentType = new Array(indentSpecs.size + 1).join(indentSpecs.char);
-function createPushFunc(p) {
-    return (substring) => `\\${p.push(substring)}\\`;
-}
-function createPopFunc(p) {
-    return (_, offset) => p[offset - 1] ?? "";
-}
-function indent(index, indentType) {
-    return new Array(index + 1).join(indentType);
-}
-function jsonFormat(json) {
-    // Convert to string and extract backslashes and strings
-    const p = [];
-    const pushFunc = createPushFunc(p);
-    const jsonString = JSON.stringify(json)
-        .replace(/\\./gu, pushFunc)
-        .replace(/(".*?"|'.*?')/gu, pushFunc)
-        .replace(/\s+/u, "");
-    // Indent and insert newlines
-    let indentIndex = 0;
-    let out = "";
-    for (let i = 0; i < jsonString.length; i++) {
-        const c = jsonString.charAt(i);
-        switch (c) {
-            case "{":
-            case "[":
-                indentIndex += 1;
-                out += `${c}\n${indent(indentIndex, indentType)}`;
-                break;
-            case "}":
-            case "]":
-                indentIndex -= 1;
-                out += `\n${indent(indentIndex, indentType)}${c}`;
-                break;
-            case ",":
-                out += `,\n${indent(indentIndex, indentType)}`;
-                break;
-            case ":":
-                out += ": ";
-                break;
-            default:
-                out += c;
-                break;
-        }
-    }
-    // Strip whitespace from numeric arrays and put backslashes
-    // and strings back in
-    const popFunc = createPopFunc(p);
-    return out
-        .replace(/\[[\d,\s]+?\]/gu, (m) => m.replace(/\s/gu, ""))
-        .replace(/\\(\d+)\\/gu, popFunc) // strings
-        .replace(/\\(\d+)\\/gu, popFunc); // backslashes in strings
-}
-
 const arcadeResultsCss = ":host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2)}:host .flex-adjustable{flex:1 1 auto;overflow:hidden}:host .flex-row{display:flex;flex-direction:row;overflow:hidden}:host .flex-column{display:flex;flex-direction:column;overflow:hidden}:host .y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}:host header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}:host .ltr-container{direction:ltr}:host calcite-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-half)}:host calcite-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-half)}:host calcite-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}:host calcite-action-bar calcite-action-group:last-child{border-inline-end-width:0px}:host calcite-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-color-foreground-1)}:host .color-info{color:var(--calcite-color-status-info)}:host .color-error{color:var(--calcite-color-status-danger)}:host .color-success{color:var(--calcite-color-status-success)}:host [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-three-quarter)}:host .console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-three-quarter);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}:host .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}:host .result-value-table table thead{background-color:var(--calcite-color-foreground-2)}:host .result-value-table table tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}:host .result-value-table table th,:host .result-value-table table 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-quarter)}:host .result-value-table table th .string-value,:host .result-value-table table td .string-value{white-space:pre}:host .result-value-table table th{font-weight:var(--calcite-font-weight-medium)}:host .tree-item-label,:host .number-value,:host .string-value,:host .boolean-value{font-family:var(--calcite-code-family)}:host .tree-item-label,:host .value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}:host .dictionary-property{color:var(--arcgis-arcade-editor-identifier)}:host .number-value{color:var(--arcgis-arcade-editor-number)}:host .string-value{color:var(--arcgis-arcade-editor-string);white-space:pre-wrap}:host .constant-value{color:var(--arcgis-arcade-editor-constant)}:host .date-value{color:var(--arcgis-arcade-editor-date)}";
 
 //#region Specialized Constants
@@ -313,10 +259,10 @@ function renderDictionaryProperty(key) {
     return (h(Fragment, null, h("span", { class: "dictionary-property" }, key), h("span", null, ":\u00A0")));
 }
 function renderDictionaryAsJsonTree(value, subtree = false) {
-    return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", { class: "string-value" }, jsonFormat(value.castAsJson()))));
+    return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", { class: "string-value" }, JSON.stringify(value.castAsJson(), undefined, 2))));
 }
 function renderGeometryTree(value, subtree = false) {
-    return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty("type"), value.type)), h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty("value"), h("span", { class: "string-value" }, jsonFormat(value.toJSON()))))));
+    return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty("type"), value.type)), h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty("value"), h("span", { class: "string-value" }, JSON.stringify(value, undefined, 2))))));
 }
 function renderSimpleValue(arcadeResult) {
     switch (arcadeResult.type) {
@@ -324,7 +270,7 @@ function renderSimpleValue(arcadeResult) {
         case "null":
             return h("span", { class: "constant-value" }, arcadeResult.type);
         case "text":
-            return h("span", { class: "string-value" }, Q(arcadeResult.value));
+            return h("span", { class: "string-value" }, D(arcadeResult.value));
         case "number":
             return h("span", { class: "number-value" }, arcadeResult.value.toString());
         case "boolean":
@@ -332,9 +278,9 @@ function renderSimpleValue(arcadeResult) {
         case "date":
             return h("span", { class: "date-value" }, formatArcadeResultDate(arcadeResult));
         case "dateOnly":
-            return h("span", { class: "string-value" }, Q(formatArcadeResultDateOnly(arcadeResult)));
+            return h("span", { class: "string-value" }, D(formatArcadeResultDateOnly(arcadeResult)));
         case "time":
-            return h("span", { class: "string-value" }, Q(formatArcadeResultTimeOnly(arcadeResult)));
+            return h("span", { class: "string-value" }, D(formatArcadeResultTimeOnly(arcadeResult)));
         default:
             return null;
     }
@@ -383,7 +329,7 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         await B(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
-        H(this);
+        q(this);
     }
     // #endregion
     //#region Private Methods
@@ -410,18 +356,18 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
             return h("calcite-loader", { scale: "s", type: "indeterminate", label: "" });
         }
         const iconClass = this.result?.type === "error" ? "color-error" : "color-success";
-        return (h("calcite-list", null, this.result ? (h(Fragment, null, h("calcite-list-item", { label: K(this._t9nStrings?.lastexecutionformat, {
+        return (h("calcite-list", null, this.result ? (h(Fragment, null, h("calcite-list-item", { label: Z(this._t9nStrings?.lastexecutionformat, {
                 timeStamp: new Intl.DateTimeFormat(this._t9nLocale, {
                     dateStyle: "medium",
                     timeStyle: "medium"
                 }).format(this.result.timeStamp)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: K(this._t9nStrings?.compilationtimeformat, {
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: Z(this._t9nStrings?.compilationtimeformat, {
                 time: new Intl.NumberFormat(this._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
                     maximumFractionDigits: 2
                 }).format(this.result.compilationTime ?? 0)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: K(this._t9nStrings?.executiontimeformat, {
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: Z(this._t9nStrings?.executiontimeformat, {
                 time: new Intl.NumberFormat(this._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
@@ -438,7 +384,7 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         }
         switch (this.result?.type) {
             case "error":
-                return (h("div", { class: "result-value-simple flex-adjustable" }, K(this._t9nStrings?.executionerrorformat, {
+                return (h("div", { class: "result-value-simple flex-adjustable" }, Z(this._t9nStrings?.executionerrorformat, {
                     message: this.result.value
                 })));
             case "null":
@@ -475,7 +421,7 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
     renderArrayHeader(arcadeResult) {
         const items = arcadeResult.value ?? [];
         const leftoverCount = Math.max(items.length - MaxArrayItems, 0);
-        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", K(this._t9nStrings?.showingfirstitemsformat, {
+        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", Z(this._t9nStrings?.showingfirstitemsformat, {
             count: MaxArrayItems.toString()
         }))) : null));
     }
@@ -521,7 +467,7 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         }
     }
     renderFeatureSetLabel(arcadeResult) {
-        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", K(this._t9nStrings?.showingfirstitemsformat, {
+        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", Z(this._t9nStrings?.showingfirstitemsformat, {
             count: BatchSize.toString()
         }))) : null));
     }

package/dist/components/arcade-suggestions.js

@@ -1,13 +1,12 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, b as colorizeCodeElement } from './markdown.js';
-import { S as StickyFilterInput } from './functional-components.js';
 import { f as filterCollection } from './utilities.js';
-import { B, H, F } from './index2.js';
+import { B, q, W } from './index2.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-action.js';
@@ -15,6 +14,7 @@ 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';
 
 function isSuggestionGroups(item) {
@@ -36,10 +36,10 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
-        // @ts-expect-error
-        this._updateFilterValue = (e) => (this._filterValue = e.target?.value ?? "");
+        this._updateFilterValue = (e) => {
+            this._filterValue = e.target?.value ?? "";
+        };
         this._emitItemSelected = (e) => {
-            // @ts-expect-error
             const item = e.target?.["data-item"];
             if (!item) {
                 return;
@@ -51,7 +51,6 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
             }
         };
         this._showSuggestionDetail = (e) => {
-            // @ts-expect-error
             const item = e.target?.["data-item"];
             if (!item) {
                 return;
@@ -59,8 +58,12 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
             e.stopPropagation();
             this._selectedSuggestion = item;
         };
-        this._emitClose = () => this.close.emit();
-        this._beforeBack = async () => (this._selectedSuggestion = undefined);
+        this._emitClose = () => {
+            this.close.emit();
+        };
+        this._beforeBack = async () => {
+            this._selectedSuggestion = undefined;
+        };
         this._lang = "";
         this._t9nLocale = "";
         this._t9nStrings = undefined;
@@ -82,7 +85,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
     disconnectedCallback() {
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
-        H(this);
+        q(this);
     }
     // #endregion
     //#region Private Methods
@@ -100,7 +103,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            F(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            W(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -130,7 +133,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         return (h("calcite-flow-item", { heading: this._t9nStrings?.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose, beforeBack: this._beforeBack }, h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelected, ref: (e) => void e?.setFocus(), "data-item": suggestion }, this._t9nStrings?.insert), h("calcite-block", { open: true, heading: suggestion.label, description: suggestion.description }, h("div", { innerHTML: convertMarkdownString(suggestion.documentation) }), h("pre", null, h("code", { ref: (e) => e === undefined ? undefined : void colorizeCodeElement(e, suggestion.code).catch(console.error) })))));
     }
     render() {
-        return (h(Host, null, h("style", null, this._colorizeStyle), h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { heading: this._t9nStrings?.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose }, h(StickyFilterInput, { filterValue: this._filterValue, onCalciteInputInput: this._updateFilterValue }), h("calcite-list", null, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
+        return (h(Host, null, h("style", null, this._colorizeStyle), h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { heading: this._t9nStrings?.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), h("calcite-list", null, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
     }
     static get assetsDirs() { return ["assets"]; }
     get _hostElement() { return this; }

package/dist/components/arcade-variables.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h } from '@stencil/core/internal/client';
-import { S as StickyFilterInput } from './functional-components.js';
-import { B, H, F, D } from './index2.js';
+import { B, q, W, K } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 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';
@@ -30,13 +30,19 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
-        this._updateFilterValue = (e) => (this._filterValue = e.target.value);
+        this._updateFilterValue = (e) => {
+            this._filterValue = e.target.value;
+        };
         this._beforeBack = async () => {
             this.removeLastPanelRenderer();
             this._filterValue = "";
         };
-        this._emitClose = () => void this.close.emit();
-        this._backToTop = () => void (this._flowItemRenderers = []);
+        this._emitClose = () => {
+            this.close.emit();
+        };
+        this._backToTop = () => {
+            this._flowItemRenderers = [];
+        };
         this._emitItemSelected = (e) => {
             const variable = e.target?.["data-item"];
             if (!variable || variable.nonInteractive) {
@@ -74,7 +80,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         await B(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
-        H(this);
+        q(this);
         this._flowObserver?.disconnect();
     }
     // #endregion
@@ -99,7 +105,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            F(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            W(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -128,12 +134,12 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
                 });
                 loading = true;
             }
-            return (h("calcite-flow-item", { heading: this._t9nStrings?.profilevariables, description: collection.breadcrumb, beforeBack: this._beforeBack, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-action", { slot: "header-actions-end", text: this._t9nStrings?.backtotop ?? "Back to top", scale: "m", hidden: topPanel, icon: "chevrons-left", iconFlipRtl: true, onClick: this._backToTop }), h(StickyFilterInput, { filterValue: this._filterValue, onCalciteInputInput: this._updateFilterValue }), loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this._t9nStrings?.loading ?? "Loading" })) : (h("calcite-list", null, this.renderEditorVariables(collection)))));
+            return (h("calcite-flow-item", { heading: this._t9nStrings?.profilevariables, description: collection.breadcrumb, beforeBack: this._beforeBack, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-action", { slot: "header-actions-end", text: this._t9nStrings?.backtotop ?? "Back to top", scale: "m", hidden: topPanel, icon: "chevrons-left", iconFlipRtl: true, onClick: this._backToTop }), h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this._t9nStrings?.loading ?? "Loading" })) : (h("calcite-list", null, this.renderEditorVariables(collection)))));
         };
     }
     renderEditorVariables(collection) {
         // Filter the variables. Skip group, we will filter the children later on.
-        const filterExpression = D(this._filterValue);
+        const filterExpression = K(this._filterValue);
         const filteredVariables = collection.variables.filter((variable) => variable.passFilter(filterExpression));
         if (!filteredVariables.length) {
             return h("div", { class: "notice-container" }, this._t9nStrings?.noitems ?? "No item");

package/dist/components/arcgis-arcade-api.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { A as ArcgisArcadeApi$1, d as defineCustomElement$1 } from './arcade-api.js';
 

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

@@ -1,12 +1,12 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h as h$1, Fragment, Host } from '@stencil/core/internal/client';
 import { editor, KeyCode } from 'monaco-editor';
 import { e as executeScript, D as DevelopersWebSitePath, d as defineCustomElement$5 } from './arcade-results.js';
-import { h, U, k, B, H } from './index2.js';
+import { h, U, k, B, q } from './index2.js';
 import { s as setupMonacoEnvironment, a as getArcadeDiagnosticService } from './arcade-contribution.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import '@esri/calcite-components/dist/components/calcite-action-bar.js';
@@ -110,9 +110,13 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
                 this._executingScript = false;
             })(), 0);
         };
-        this._toggleShowExecutionPanel = () => void (this._showExecutionPanel = !this._showExecutionPanel);
-        this._toggleSideActionBarExpanded = () => void (this.sideActionBarExpanded = !this.sideActionBarExpanded);
-        this._toggleSidePanel = async (e) => {
+        this._toggleShowExecutionPanel = () => {
+            this._showExecutionPanel = !this._showExecutionPanel;
+        };
+        this._toggleSideActionBarExpanded = () => {
+            this.sideActionBarExpanded = !this.sideActionBarExpanded;
+        };
+        this._toggleSidePanel = (e) => {
             if (!e.target) {
                 return;
             }
@@ -121,7 +125,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
             this.openedSidePanel = panelName === this.openedSidePanel ? "none" : panelName;
             if (this.openedSidePanel === "none") {
                 // Reset focus on the code editor if no panel displayed
-                await this._codeEditorElt?.setFocus();
+                this._codeEditorElt?.setFocus().catch(console.error);
             }
         };
         this._openArcadeHelp = () => void window.open(DevelopersWebSitePath, "Arcade Help");
@@ -129,8 +133,8 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
             e.stopPropagation();
             this.scriptChange.emit(e.detail);
         };
-        this._insertAsSnippet = async (e) => await this._codeEditorElt?.insertSnippet(e.detail);
-        this._insertAsText = async (e) => await this._codeEditorElt?.insertText(e.detail);
+        this._insertAsSnippet = (e) => void this._codeEditorElt?.insertSnippet(e.detail).catch(console.error);
+        this._insertAsText = (e) => void this._codeEditorElt?.insertText(e.detail).catch(console.error);
         this._onResultPanelChange = (e) => void (this._resultPanel = e.detail);
         this._onExecutionPanelClose = () => void (this._showExecutionPanel = false);
         this._lang = "";
@@ -277,7 +281,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         await this._codeEditorElt?.setFocus();
     }
     disconnectedCallback() {
-        H(this);
+        q(this);
         arcadeDefaults.disposeApiContextForModel(this._modelId);
         arcadeDefaults.disposeEditorProfileForModel(this._modelId);
         while (this._disposables.length) {
@@ -375,11 +379,11 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         }
         switch (this.openedSidePanel) {
             case "api":
-                return (h$1("arcgis-arcade-api", { class: "side-panel flex-panel border-inline-start", modelId: this._modelId, hideDocumentationActions: this.hideDocumentationActions, onItemSelected: void this._insertAsSnippet, onClose: void this._toggleSidePanel, "data-panel-name": "none" }));
+                return (h$1("arcgis-arcade-api", { class: "side-panel flex-panel border-inline-start", modelId: this._modelId, hideDocumentationActions: this.hideDocumentationActions, onItemSelected: this._insertAsSnippet, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
             case "variables":
-                return (h$1("arcgis-arcade-variables", { class: "side-panel flex-panel border-inline-start", loading: this._preparingProfile, modelId: this._modelId, onItemSelected: void this._insertAsText, onClose: void this._toggleSidePanel, "data-panel-name": "none" }));
+                return (h$1("arcgis-arcade-variables", { class: "side-panel flex-panel border-inline-start", loading: this._preparingProfile, modelId: this._modelId, onItemSelected: this._insertAsText, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
             case "suggestions":
-                return (h$1("arcgis-arcade-suggestions", { class: "side-panel flex-panel border-inline-start", suggestions: this.suggestions, onItemSelected: void this._insertAsText, onClose: void this._toggleSidePanel, "data-panel-name": "none" }));
+                return (h$1("arcgis-arcade-suggestions", { class: "side-panel flex-panel border-inline-start", suggestions: this.suggestions, onItemSelected: this._insertAsText, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
             default:
                 return null;
         }

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { A as ArcgisArcadeResults$1, d as defineCustomElement$1 } from './arcade-results.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { A as ArcgisArcadeSuggestions$1, d as defineCustomElement$1 } from './arcade-suggestions.js';
 

package/dist/components/arcgis-arcade-variables.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { A as ArcgisArcadeVariables$1, d as defineCustomElement$1 } from './arcade-variables.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { A as ArcgisCodeEditor$1, d as defineCustomElement$1 } from './code-editor.js';
 

package/dist/components/code-editor.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h as h$1, Host } from '@stencil/core/internal/client';
 import { Range, editor, Uri, KeyMod, KeyCode } from 'monaco-editor';

package/dist/components/fields.js

@@ -1,9 +1,12 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 const amd = "define" in window && typeof window.define === "function" && "amd" in window.define;
+function isDefaultModule(module) {
+    return module.default !== undefined;
+}
 async function requireModule(modulePath) {
     return await new Promise((resolve) => window.require([modulePath], (moduleDefault) => {
         resolve(moduleDefault);
@@ -14,14 +17,14 @@ async function importLayersFeatureLayer() {
         return await requireModule("esri/layers/FeatureLayer");
     }
     const module = await import('@arcgis/core/layers/FeatureLayer.js');
-    return module.default;
+    return isDefaultModule(module) ? module.default : module;
 }
 async function importPortalPortalItem() {
     if (amd) {
         return await requireModule("esri/portal/PortalItem");
     }
     const module = await import('@arcgis/core/portal/PortalItem.js');
-    return module.default;
+    return isDefaultModule(module) ? module.default : module;
 }
 async function newPortalPortalItem(properties) {
     const ModConstructor = await importPortalPortalItem();
@@ -32,7 +35,7 @@ async function importWebMap() {
         return await requireModule("esri/WebMap");
     }
     const module = await import('@arcgis/core/WebMap.js');
-    return module.default;
+    return isDefaultModule(module) ? module.default : module;
 }
 async function newWebMap(properties) {
     const ModConstructor = await importWebMap();
@@ -43,7 +46,7 @@ async function importWebScene() {
         return await requireModule("esri/WebScene");
     }
     const module = await import('@arcgis/core/WebScene.js');
-    return module.default;
+    return isDefaultModule(module) ? module.default : module;
 }
 async function newWebScene(properties) {
     const ModConstructor = await importWebScene();
@@ -54,14 +57,14 @@ async function importArcade() {
         return await requireModule("esri/arcade");
     }
     const module = await import('@arcgis/core/arcade.js');
-    return module;
+    return isDefaultModule(module) ? module.default : module;
 }
 async function importRequest() {
     if (amd) {
         return await requireModule("esri/request");
     }
     const module = await import('@arcgis/core/request.js');
-    return module.default;
+    return isDefaultModule(module) ? module.default : module;
 }
 
 /**

package/dist/components/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 export { a as arcade } from './arcade-defaults.js';

package/dist/components/index2.js

@@ -1,8 +1,8 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
- * v4.29.0-beta.113
+ * v4.29.0-beta.115
  */
-var h=class{constructor(){this.resolve=()=>{},this.reject=()=>{},this.promise=new Promise((t,n)=>{this.resolve=t,this.reject=n;});}};function S(e,t){let n=e;for(;n;){if(n===t)return !0;if(!n.parentNode)return !1;n.parentNode instanceof ShadowRoot?n=n.parentNode.host:n=n.parentNode;}return !1}function x(e,t,n=()=>{}){if(!t||t.length<=0)return;let r=new MutationObserver(o=>{for(let s of o)S(e,s.target)&&n();});return r.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0}),r}function T(e,t){let n=e;for(;n;){let r=n.closest(t);if(r)return r;let o=n.getRootNode();if(o===document)return null;n=o.host;}return null}function k(e){let t=T(e,":is(.calcite-mode-light, .calcite-mode-dark)");return t&&t.classList.contains("calcite-mode-dark")?"dark":"light"}function f(e,t,n){return T(e,`[${t}]`)?.getAttribute(t)??n}function M(e){return e.nodeType===Node.ELEMENT_NODE}function d(e,t=""){if(!M(e))return !1;if(e.matches(t))return setTimeout(()=>e?.setFocus(),0),!0;for(let r=0;r<e.children.length;r++)if(d(e.children[r],t))return !0;let n=e.shadowRoot;if(n){for(let r=0;r<n.children.length;r++)if(d(n.children[r],t))return !0}return !1}function F(e,t){if(!e?.shadowRoot)return;if(e.hasAttribute("hydrated")||e.hasAttribute("calcite-hydrated")){d(e,t);return}let n=new MutationObserver(()=>{n.disconnect(),d(e,t);});n.observe(e,{attributes:!0,attributeFilter:["hydrated","calcite-hydrated"]});}function c(e){let t="";for(let n=0;n<e;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}function U(){return [c(2),c(1),c(1),c(1),c(3)].join("-")}var E=new Set(["ar","bg","bs","ca","cs","da","de","el","en","es","et","fi","fr","he","hr","hu","id","it","ja","ko","lt","lv","nl","nb","pl","pt-BR","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"]),a=new Map;async function N(e,t,n=""){let r=`${t}/${n}${e}.json`;if(a.has(r))return a.get(r);try{let o=await fetch(r);if(o.ok){let i=await o.json();return a.set(r,i),i}if(e==="en"){a.set(r,void 0);return}let s=await N("en",t,n);return a.set(r,s),s}catch{a.set(r,void 0);return}}function R(e){let t=f(e,"lang",navigator.language||"en");if(E.has(t))return {lang:t,t9nLocale:t};let n=t.slice(0,2);return {lang:t,t9nLocale:E.has(n)?n:"en"}}var p=new WeakMap,m=new WeakMap,C=new WeakMap;async function B(e,t,n){m.set(e,t),p.set(e,x(e._hostElement,["lang"],()=>{b(e,n);})),await b(e,n);}function H(e){p.get(e)?.disconnect(),p.delete(e),m.delete(e);}async function b(e,t){let{lang:n,t9nLocale:r}=R(e._hostElement);if(n===e._lang&&r===e._t9nLocale||(n!==e._lang&&(e._lang=n),r===e._t9nLocale))return;let o=C.get(e);if(!o){let s=m.get(e)??"",i=e._hostElement.tagName.toLowerCase().replace("arcgis-",""),l=`${s}/${i}/t9n`,u=`${i}.t9n.`;o=await N(r,l,u);}e._t9nLocale=r,e._t9nStrings=o,await t?.call(e);}var v='"',w="'";function L(e,t){return new Array(t+1).join(e)}function Q(e){let t=v,n=w;e.includes(t)&&!e.includes(n)&&(n=v,t=w);let o=new RegExp(`(^|[^\\\\])((?:\\\\{2})*)((?:\\\\${n})+)`,"gu");e=e.replace(o,(i,l,u,g)=>l+u+L(n,g.length/2));let s=new RegExp(`(^|[^\\\\])((?:\\\\{2})*)(${t}+)`,"gu");return e=e.replace(s,(i,l,u,g)=>l+u+L(`\\${t}`,g.length)),t+e+t}function D(e){let t=e?e.replaceAll(/[-[\]/{}()*+?.\\^$|]/gu,"\\$&"):"^.*$";return new RegExp(t,"i")}function K(e,t={}){return (e??"").replace(/\{(.*?)\}/gu,(n,r)=>t[r]??n)}function Z(e){return `\u200E${e??""}\u200E`}function Y(e){return e!==null}function ee(e){return e!==void 0}function oe(e,t,n=!1){if(!e||!t)return !1;let r=new URL(e),o=new URL(t);return !n&&r.protocol!==o.protocol||r.host==null||o.host==null?!1:r.host.toLowerCase()===o.host.toLowerCase()&&r.port===o.port}function se(e){try{return new URL(e),!0}catch{return !1}}
+var h=class{constructor(){this.resolve=()=>{},this.reject=()=>{},this.promise=new Promise((t,n)=>{this.resolve=t,this.reject=n;});}};function S(e,t){let n=e;for(;n;){if(n===t)return !0;if(!n.parentNode)return !1;n.parentNode instanceof ShadowRoot?n=n.parentNode.host:n=n.parentNode;}return !1}function x(e,t,n=()=>{}){if(!t||t.length<=0)return;let r=new MutationObserver(o=>{for(let s of o)S(e,s.target)&&n();});return r.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0}),r}function T(e,t){let n=e;for(;n;){let r=n.closest(t);if(r)return r;let o=n.getRootNode();if(o===document)return null;n=o.host;}return null}function k(e){let t=T(e,":is(.calcite-mode-light, .calcite-mode-dark)");return t&&t.classList.contains("calcite-mode-dark")?"dark":"light"}function f(e,t,n){return T(e,`[${t}]`)?.getAttribute(t)??n}function M(e){return e.nodeType===Node.ELEMENT_NODE}function R(e){return "setFocus"in e&&typeof e.setFocus=="function"}function d(e,t=""){if(!M(e))return !1;if(e.matches(t))return R(e)&&setTimeout(()=>e.setFocus(),0),!0;for(let r of e.children)if(d(r,t))return !0;let n=e.shadowRoot;if(n){for(let r of n.children)if(d(r,t))return !0}return !1}function W(e,t){if(!e?.shadowRoot)return;if(e.hasAttribute("hydrated")||e.hasAttribute("calcite-hydrated")){d(e,t);return}let n=new MutationObserver(()=>{n.disconnect(),d(e,t);});n.observe(e,{attributes:!0,attributeFilter:["hydrated","calcite-hydrated"]});}function c(e){let t="";for(let n=0;n<e;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}function U(){return [c(2),c(1),c(1),c(1),c(3)].join("-")}var E=new Set(["ar","bg","bs","ca","cs","da","de","el","en","es","et","fi","fr","he","hr","hu","id","it","ja","ko","lt","lv","nl","nb","pl","pt-BR","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"]),a=new Map;async function v(e,t,n=""){let r=`${t}/${n}${e}.json`;if(a.has(r))return a.get(r);try{let o=await fetch(r);if(o.ok){let i=await o.json();return a.set(r,i),i}if(e==="en"){a.set(r,void 0);return}let s=await v("en",t,n);return a.set(r,s),s}catch{a.set(r,void 0);return}}function _(e){let t=f(e,"lang",navigator.language||"en");if(E.has(t))return {lang:t,t9nLocale:t};let n=t.slice(0,2);return {lang:t,t9nLocale:E.has(n)?n:"en"}}var p=new WeakMap,m=new WeakMap,C=new WeakMap;async function B(e,t,n){m.set(e,t),p.set(e,x(e._hostElement,["lang"],()=>{b(e,n).catch(console.error);})),await b(e,n);}function q(e){p.get(e)?.disconnect(),p.delete(e),m.delete(e);}async function b(e,t){let{lang:n,t9nLocale:r}=_(e._hostElement);if(n===e._lang&&r===e._t9nLocale||(n!==e._lang&&(e._lang=n),r===e._t9nLocale))return;let o=C.get(e);if(!o){let s=m.get(e)??"",i=e._hostElement.tagName.toLowerCase().replace("arcgis-",""),l=`${s}/${i}/t9n`,u=`${i}.t9n.`;o=await v(r,l,u);}r!==e._t9nLocale&&(e._t9nLocale=r,e._t9nStrings=o,await t?.call(e));}var N='"',w="'";function L(e,t){return new Array(t+1).join(e)}function D(e){let t=N,n=w;e.includes(t)&&!e.includes(n)&&(n=N,t=w);let o=new RegExp(`(^|[^\\\\])((?:\\\\{2})*)((?:\\\\${n})+)`,"gu");e=e.replace(o,(i,l,u,g)=>l+u+L(n,g.length/2));let s=new RegExp(`(^|[^\\\\])((?:\\\\{2})*)(${t}+)`,"gu");return e=e.replace(s,(i,l,u,g)=>l+u+L(`\\${t}`,g.length)),t+e+t}function K(e){let t=e?e.replaceAll(/[-[\]/{}()*+?.\\^$|]/gu,"\\$&"):"^.*$";return new RegExp(t,"i")}function Z(e,t={}){return (e??"").replace(/\{(.*?)\}/gu,(n,r)=>t[r]??n)}function G(e){return `\u200E${e??""}\u200E`}function ee(e){return e!==null}function te(e){return e!==void 0}function re(e,t=100){let n;return (...r)=>{let o=()=>{clearTimeout(n),e(...r);};clearTimeout(n),n=setTimeout(o,t);}}function se(e,t,n=!1){if(!e||!t)return !1;let r=new URL(e),o=new URL(t);return !n&&r.protocol!==o.protocol||r.host==null||o.host==null?!1:r.host.toLowerCase()===o.host.toLowerCase()&&r.port===o.port}function ie(e){try{return new URL(e),!0}catch{return !1}}
 
-export { B, D, E, F, H, K, N, Q, U, Y, Z, ee as e, h, k, oe as o, se as s, x };
+export { B, D, E, G, K, U, W, Z, ee as e, h, ie as i, k, q, re as r, se as s, te as t, v, x };