@arcgis/coding-components 4.29.0-beta.107 → 4.29.0-beta.109

package/dist/components/arcade-defaults.js

@@ -1,28 +1,23 @@
 /*!
  * 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.107
+ * v4.29.0-beta.109
  */
 import { Emitter, Uri } from 'monaco-editor';
 import { InsertTextMode, InsertTextFormat, CompletionItemKind } from 'vscode-languageserver-types';
-import { i as importPortalPortalItem, a as importLayersFeatureLayer, b as importWebMap, s as supportedFields, n as newWebScene, c as importRequest, f as fieldTypeToIconName, d as fieldTypeToArcadeType } from './fields.js';
+import { i as importLayersFeatureLayer, a as importRequest, s as supportedFields, n as newPortalPortalItem, b as newWebScene, c as newWebMap, f as fieldTypeToIconName, d as fieldTypeToArcadeType } from './fields.js';
 import { p as portalItemPageUrl } from './utilities.js';
 import { Y, e as ee, Z, K, E, N } from './index2.js';
 import { getAssetPath } from '@stencil/core/internal/client';
 
-async function newPortalItem(definition) {
-    const PortalItem = await importPortalPortalItem();
-    return new PortalItem(definition);
-}
+//#region core adapter fix
 async function newFeatureLayer(definition) {
     const FeatureLayer = await importLayersFeatureLayer();
     // Fix title for the layer. Instead of defaulting to the map viewer style.
     return new FeatureLayer({ ...definition, sublayerTitleMode: "service-name" });
 }
-async function newWebMap(definition) {
-    const WebMap = await importWebMap();
-    return new WebMap(definition);
-}
+//#endregion
+//#region Type Guards
 function isSupportedLayerInstance(item) {
     return (!!item &&
         typeof item === "object" &&
@@ -107,7 +102,6 @@ function isPredefinedProfile(item) {
         typeof item.definitions === "object" &&
         !Array.isArray(item.definitions));
 }
-
 function isTitleCapableSource(item) {
     return !!item && typeof item === "object" && "title" in item && typeof item.title === "string";
 }
@@ -143,7 +137,54 @@ function isLoadableSource(item) {
     return !!item && typeof item === "object" && "load" in item && typeof item.load === "function";
 }
 //#endregion
-//#region Support Functions
+//#region Service Metadata
+async function supportedSourceFromDefinition(definition) {
+    if (!definition) {
+        return null;
+    }
+    let source = null;
+    if (isSupportedLayerInstance(definition) || isFeatureSetInstance(definition) || isFieldsDefinition(definition)) {
+        source = definition;
+    }
+    else {
+        source = await newFeatureLayer(definition);
+    }
+    if (isLoadableSource(source)) {
+        await source.load();
+    }
+    return source;
+}
+async function serviceMetaData(url) {
+    url += "/layers";
+    const request = await importRequest();
+    const response = await request(url, { responseType: "json", query: { f: "json" } });
+    const data = {
+        layers: response.data?.layers ?? [],
+        tables: response.data?.tables ?? []
+    };
+    const queryCapability = url.endsWith("MapServer/layers") ? "data" : "query";
+    const layers = filterFeatureLayerInfos(data.layers, queryCapability);
+    const tables = filterFeatureLayerInfos(data.tables, queryCapability);
+    return { layers, tables };
+}
+function filterFeatureLayerInfos(layers, queryCapability) {
+    return layers.filter((layer) => {
+        if (layer.type !== "Feature Layer" && layer.type !== "Table") {
+            return false;
+        }
+        const capabilities = layer.capabilities
+            ? layer.capabilities
+                .toLowerCase()
+                .split(",")
+                .map((value) => value.trim())
+            : [];
+        return capabilities.includes(queryCapability);
+    });
+}
+//#endregion
+
+//#endregion
+//#region Support functions
 async function getRelatedFeatureLayer(layer, relationship) {
     const relatedFeatureLayer = await newFeatureLayer({ url: `${layer.url}/${relationship.relatedTableId}` });
     await relatedFeatureLayer.load();
@@ -184,64 +225,6 @@ function sortFields(layer) {
         return firstField.name.localeCompare(secondField.name, "en", { sensitivity: "base" });
     };
 }
-function getTypeOrSubtypeDomainGroup(profile, types, field) {
-    // Try the coded domain first
-    if (isCodedValueDomainInstance(field.domain)) {
-        return getCodedValueDomainGroup(profile, field.domain, { code: "subtypes" });
-    }
-    // No coded domain, we will manufacture it
-    const values = types?.map((t) => {
-        const label = isSubtypeInstance(t) ? t.code : t.id;
-        return new ValueVariable({ profile, label: `${label}`, description: t.name, snippet: `"${label}"` });
-    }) ?? [];
-    return new GroupOfVariables(profile, { code: "subtypes" }, values);
-}
-function getCodedValueDomainGroup(profile, domain, label) {
-    const values = domain.codedValues.map((v) => new ValueVariable({
-        profile,
-        label: `${v.code}`,
-        description: v.name,
-        snippet: `"${v.code}"`,
-        filterDescription: true
-    }));
-    return new GroupOfVariables(profile, label, values);
-}
-function getDomainValuesGroup(profile, types, field) {
-    const variables = [];
-    if (!types || types.length === 0) {
-        return null;
-    }
-    types.forEach((type) => {
-        let domain = type.domains[field.name];
-        if (!domain) {
-            return;
-        }
-        if (isInheritedDomainInstance(domain)) {
-            domain = field.domain;
-            return;
-        }
-        if (!isCodedValueDomainInstance(domain)) {
-            return;
-        }
-        const domainValuesGroup = getCodedValueDomainGroup(profile, domain, {
-            code: "domainvaluesfortypeformat",
-            formatValues: {
-                fieldName: field.alias ?? field.name,
-                typeName: type.name
-            }
-        });
-        const id = isSubtypeInstance(type) ? type.code : type.id;
-        const label = `${id}`;
-        const snippet = `"${id}""`;
-        const subtypeDictionary = new DictionaryVariable({ profile, label, snippet });
-        subtypeDictionary.variables = [domainValuesGroup];
-        variables.push(subtypeDictionary);
-    });
-    if (!variables.length) {
-        return null;
-    }
-    return new GroupOfVariables(profile, { code: "domainvaluesbysubtypes" }, variables);
-}
 function areAllDomainsInherited(types, field) {
     return types?.every((type) => type.domains[field.name]?.type === "inherited") ?? false;
 }
@@ -260,52 +243,7 @@ function assembleMemberExpression(obj, prop) {
     return `${obj}${getMemberExpressionProperty(prop)}`;
 }
 //#endregion
-//#region Sources
-async function supportedSourceFromDefinition(definition) {
-    if (!definition) {
-        return null;
-    }
-    let source = null;
-    if (isSupportedLayerInstance(definition) || isFeatureSetInstance(definition) || isFieldsDefinition(definition)) {
-        source = definition;
-    }
-    else {
-        source = await newFeatureLayer(definition);
-    }
-    if (isLoadableSource(source)) {
-        await source.load();
-    }
-    return source;
-}
-async function serviceMetaData(url) {
-    url += "/layers";
-    const request = await importRequest();
-    const response = await request(url, { responseType: "json", query: { f: "json" } });
-    const data = {
-        layers: response.data?.layers ?? [],
-        tables: response.data?.tables ?? []
-    };
-    const queryCapability = url.endsWith("MapServer/layers") ? "data" : "query";
-    const layers = filterFeatureLayerInfos(data.layers, queryCapability);
-    const tables = filterFeatureLayerInfos(data.tables, queryCapability);
-    return { layers, tables };
-}
-function filterFeatureLayerInfos(layers, queryCapability) {
-    return layers.filter((layer) => {
-        if (layer.type !== "Feature Layer" && layer.type !== "Table") {
-            return false;
-        }
-        const capabilities = layer.capabilities
-            ? layer.capabilities
-                .toLowerCase()
-                .split(",")
-                .map((value) => value.trim())
-            : [];
-        return capabilities.includes(queryCapability);
-    });
-}
-//#endregion
-//#region Functions to Editor Variables to a language service variables
+//#region Editor Profile to Language Service Profile functions
 async function variablesToLSVariable(editorVariables, kind = CompletionItemKind.Variable) {
     return await Promise.all(editorVariables.map(async (editorVariable) => {
         switch (editorVariable.type) {
@@ -566,8 +504,9 @@ class ArrayVariable extends VariableBase {
  * collection is ready or not.
  */
 class CollectionBasedVariable extends VariableBase {
-    constructor() {
-        super(...arguments);
+    constructor(owner, props) {
+        super(props);
+        this.owner = owner;
         this.isCollection = true;
         this._loaded = true;
         /**
@@ -577,19 +516,21 @@ class CollectionBasedVariable extends VariableBase {
          */
         this.variables = [];
     }
+    get breadcrumb() {
+        // If there's an owner, prepend its breadcrumb and append the current name
+        if (this.owner) {
+            const ownerBreadcrumb = this.owner.breadcrumb;
+            return ownerBreadcrumb ? `${ownerBreadcrumb} / ${this.name}` : this.name;
+        }
+        // If there's no owner, this is the root element, so just return its name
+        return this.name;
+    }
     /**
      * Returns true if the collection has been loaded
      */
     get loaded() {
         return this._loaded;
     }
-    /**
-     * Loads the items if the collection is asynchronous.
-     * If the colleciton is synchronous then the function is a no-op.
-     */
-    async loadSource() {
-        return;
-    }
     /**
      * Returns an url to the associated information
      */
@@ -612,8 +553,8 @@ class GroupOfVariables extends ProfileItemBase {
     }
 }
 class DictionaryVariable extends CollectionBasedVariable {
-    constructor(props) {
-        super(props);
+    constructor(owner, props) {
+        super(owner, props);
         this.type = "dictionary";
         /**
          * The variables that the dictionary holds. It is different than the variables.
@@ -627,6 +568,9 @@ class DictionaryVariable extends CollectionBasedVariable {
             this.variables = [new GroupOfVariables(this._profile, this.snippet, this.dictionaryVariables)];
         }
     }
+    async loadSource() {
+        // No-op
+    }
     loadPropertyDeclarations(declarations) {
         this.dictionaryVariables = this.createVariableInstances(declarations);
         this.variables = this.dictionaryVariables;
@@ -651,23 +595,26 @@ class DictionaryVariable extends CollectionBasedVariable {
             case "text":
             case "boolean":
             case "date":
+            case "dateOnly":
+            case "time":
             case "geometry":
+            case "knowledgeGraph":
                 return new ValueVariable({ profile: this._profile, declaration, label: snippet, snippet });
             case "feature":
-                return new FeatureVariable({ profile: this._profile, declaration, label: snippet, snippet });
+                return new FeatureVariable(this, { profile: this._profile, declaration, label: snippet, snippet });
             case "featureSet":
-                return new FeatureSetVariable({ profile: this._profile, declaration, label: snippet, snippet }, [
+                return new FeatureSetVariable(this, { profile: this._profile, declaration, label: snippet, snippet }, [
                     new ValueVariable({ profile: this._profile, label: snippet, description: "", snippet })
                 ]);
             case "featureSetCollection":
-                return new FeatureSetCollectionVariable({
+                return new FeatureSetCollectionVariable(this, {
                     profile: this._profile,
                     declaration,
                     label: snippet,
                     snippet
                 });
             case "dictionary":
-                return new DictionaryVariable({
+                return new DictionaryVariable(this, {
                     profile: this._profile,
                     declaration,
                     label: snippet,
@@ -681,7 +628,7 @@ class DictionaryVariable extends CollectionBasedVariable {
                     snippet
                 });
             default:
-                console.error("Invalid profile variable", declaration);
+                console.error("Editor profile: Invalid profile variable", declaration);
                 return null;
         }
     }
@@ -695,8 +642,8 @@ class DictionaryVariable extends CollectionBasedVariable {
     }
 }
 class SourceBasedVariable extends CollectionBasedVariable {
-    constructor(props, relationshipsProperties) {
-        super(props);
+    constructor(owner, props, relationshipsProperties) {
+        super(owner, props);
         this.relationshipsProperties = relationshipsProperties;
         this._source = null;
         this._loaded = false;
@@ -795,7 +742,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
         // Sepcial case for the subtype field
         if (field.name === this._source.subtypeField) {
             const domainDictionary = this._createDomainDictionary(field);
-            domainDictionary.variables.push(getTypeOrSubtypeDomainGroup(this._profile, this._source.subtypes, field));
+            domainDictionary.variables.push(this._getTypeOrSubtypeDomainGroup(this._source.subtypes, field));
             return domainDictionary;
         }
         // Check if all the domains for the field in the types are inherited.
@@ -805,7 +752,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
         }
         // We have domains per subtype
         // We need to go thru each types and create a dictionary.
-        const domainValuesBySubtypeGroup = getDomainValuesGroup(this._profile, this._source.subtypes, field);
+        const domainValuesBySubtypeGroup = this._getDomainValuesGroup(this._source.subtypes, field);
         if (!domainValuesBySubtypeGroup) {
             return null;
         }
@@ -821,7 +768,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
         // Special case for the type id field
         if (field.name === this._source.typeIdField) {
             const domainDictionary = this._createDomainDictionary(field);
-            domainDictionary.variables.push(getTypeOrSubtypeDomainGroup(this._profile, this._source.types, field));
+            domainDictionary.variables.push(this._getTypeOrSubtypeDomainGroup(this._source.types, field));
             return domainDictionary;
         }
         // Check if all the domains for the field in the types are inherited.
@@ -831,7 +778,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
         }
         // We have domains per feature type
         // We need to go thru each types and create a dictionary.
-        const domainValuesByFeatureTypeGroup = getDomainValuesGroup(this._profile, this._source.types, field);
+        const domainValuesByFeatureTypeGroup = this._getDomainValuesGroup(this._source.types, field);
         if (!domainValuesByFeatureTypeGroup) {
             return null;
         }
@@ -848,24 +795,94 @@ class SourceBasedVariable extends CollectionBasedVariable {
         if (!isCodedValueDomainInstance(fieldDomain)) {
             return null;
         }
-        const domainValuesGroup = getCodedValueDomainGroup(this._profile, fieldDomain, {
+        const domainValuesGroup = this._getCodedValueDomainGroup(fieldDomain, {
             code: "domainvalues"
         });
         const domainDictionary = this._createDomainDictionary(field);
         domainDictionary.variables.push(domainValuesGroup);
         return domainDictionary;
     }
+    _getTypeOrSubtypeDomainGroup(types, field) {
+        // Try the coded domain first
+        if (isCodedValueDomainInstance(field.domain)) {
+            return this._getCodedValueDomainGroup(field.domain, { code: "subtypes" });
+        }
+        // No coded domain, we will manufacture it
+        const values = types?.map((t) => {
+            const label = isSubtypeInstance(t) ? t.code : t.id;
+            return new ValueVariable({
+                profile: this._profile,
+                label: `${label}`,
+                description: t.name,
+                snippet: `"${label}"`
+            });
+        }) ?? [];
+        return new GroupOfVariables(this._profile, { code: "subtypes" }, values);
+    }
+    _getCodedValueDomainGroup(domain, label) {
+        const values = domain.codedValues.map((v) => new ValueVariable({
+            profile: this._profile,
+            label: `${v.code}`,
+            description: v.name,
+            snippet: `"${v.code}"`,
+            filterDescription: true
+        }));
+        return new GroupOfVariables(this._profile, label, values);
+    }
+    _getDomainValuesGroup(types, field) {
+        const variables = [];
+        if (!types || types.length === 0) {
+            return null;
+        }
+        types.forEach((type) => {
+            let domain = type.domains[field.name];
+            if (!domain) {
+                return;
+            }
+            if (isInheritedDomainInstance(domain)) {
+                domain = field.domain;
+                return;
+            }
+            if (!isCodedValueDomainInstance(domain)) {
+                return;
+            }
+            const domainValuesGroup = this._getCodedValueDomainGroup(domain, {
+                code: "domainvaluesfortypeformat",
+                formatValues: {
+                    fieldName: field.alias ?? field.name,
+                    typeName: type.name
+                }
+            });
+            const id = isSubtypeInstance(type) ? type.code : type.id;
+            const label = `${id}`;
+            const snippet = `"${id}""`;
+            const subtypeDictionary = new DictionaryVariable(this, {
+                profile: this._profile,
+                label,
+                snippet,
+                description: type.name,
+                declaration: { name: field.alias ?? field.name }
+            });
+            subtypeDictionary.variables = [domainValuesGroup];
+            variables.push(subtypeDictionary);
+        });
+        if (!variables.length) {
+            return null;
+        }
+        return new GroupOfVariables(this._profile, { code: "domainvaluesbysubtypes" }, variables);
+    }
     _createDomainDictionary(field) {
         // Create the domain dictionary.
         // The dictionary will have a header group and a value group.
         // At this point we are only creating the header group in the dictionary.
         const valueSnippet = this._getValueSnippet(field);
-        const domainDictionary = new DictionaryVariable({
+        const domainDictionary = new DictionaryVariable(this, {
             profile: this._profile,
             label: valueSnippet,
             description: field.alias ?? field.name,
             snippet: valueSnippet,
-            icon: "form-dropdown"
+            icon: "form-dropdown",
+            declaration: { name: field.alias ?? field.name }
         });
         // Add the header group
         const headerGroup = new GroupOfVariables(this._profile, field.alias ?? field.name, [
@@ -909,7 +926,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
                 return null;
             }
             const snippet = `FeatureSetByRelationshipName(${this.snippet}, "${relationship.name}")`;
-            return new FeatureSetVariable({
+            return new FeatureSetVariable(this, {
                 profile: this._profile,
                 declaration: { definition: relatedLayer },
                 label: relatedLayer.title,
@@ -925,8 +942,8 @@ class SourceBasedVariable extends CollectionBasedVariable {
     }
 }
 class FeatureVariable extends SourceBasedVariable {
-    constructor(props) {
-        super(props, { exposeRelationships: true });
+    constructor(owner, props) {
+        super(owner, props, { exposeRelationships: true });
         this.type = "feature";
     }
     get title() {
@@ -994,11 +1011,11 @@ class FeatureVariable extends SourceBasedVariable {
     }
 }
 class FeatureSetVariable extends SourceBasedVariable {
-    constructor(props, featureSetSnippets = [], 
+    constructor(owner, props, featureSetSnippets = [], 
     // Relationships for feature set if only supported if the feature set is actually
     // representing a relationsip feature layer for a feature source.
     relationshipProps) {
-        super(props, relationshipProps);
+        super(owner, props, relationshipProps);
         this.featureSetSnippets = featureSetSnippets;
         this.type = "featureSet";
     }
@@ -1045,8 +1062,8 @@ class FeatureSetVariable extends SourceBasedVariable {
     }
 }
 class FeatureSetCollectionVariable extends CollectionBasedVariable {
-    constructor(props) {
-        super(props);
+    constructor(owner, props) {
+        super(owner, props);
         this.type = "featureSetCollection";
         this._featureSetCollections = null;
         this._loaded = false;
@@ -1154,7 +1171,7 @@ class FeatureSetCollectionVariable extends CollectionBasedVariable {
         };
     }
     async _featureSetCollectionFromPortalItem(definition) {
-        const portalItem = await newPortalItem(definition);
+        const portalItem = await newPortalPortalItem(definition);
         await portalItem.load();
         switch (portalItem.type) {
             case "Web Map": {
@@ -1213,9 +1230,9 @@ class FeatureSetCollectionVariable extends CollectionBasedVariable {
         return layerVariables;
     }
     _createFeatureSetVariable(featureLayer, isFromWebMap = false) {
-        return new FeatureSetVariable({
+        return new FeatureSetVariable(this, {
             profile: this._profile,
-            declaration: { definition: featureLayer },
+            declaration: { name: featureLayer.title, definition: featureLayer },
             label: featureLayer.title,
             description: "",
             nonInteractive: true
@@ -1253,7 +1270,7 @@ class FeatureSetCollectionVariable extends CollectionBasedVariable {
 class EditorProfile extends DictionaryVariable {
     constructor(definition, intlStrings, locale = "en") {
         // Delay the load of the variable declarations so we have a `this`
-        super({
+        super(undefined, {
             profile: null,
             declaration: { properties: [] }
         });

package/dist/components/arcade-mode.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.107
+ * v4.29.0-beta.109
  */
 import { editor, MarkerSeverity, Range, languages, Emitter } from 'monaco-editor';
 import { CompletionItemKind, DiagnosticSeverity, InsertTextFormat } from 'vscode-languageserver-types';

package/dist/components/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.107
+ * v4.29.0-beta.109
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Fragment, Host } from '@stencil/core/internal/client';
 import { e as importArcade, s as supportedFields } from './fields.js';
@@ -292,7 +292,7 @@ function jsonFormat(json) {
         .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-info)}:host .color-error{color:var(--calcite-color-danger)}:host .color-success{color:var(--calcite-color-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-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)}";
+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
 const treeProps = {

package/dist/components/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.107
+ * v4.29.0-beta.109
  */
 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';

package/dist/components/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.107
+ * v4.29.0-beta.109
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h } from '@stencil/core/internal/client';
 import { S as StickyFilterInput } from './functional-components.js';
@@ -18,6 +18,11 @@ import '@esri/calcite-components/dist/components/calcite-flow.js';
 
 const arcadeVariablesCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-color-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}";
 
+function stopEnterPropagation(e) {
+    if (e.key === "Enter") {
+        e.stopPropagation();
+    }
+}
 const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeVariables extends HTMLElement {
     constructor() {
         super();
@@ -25,16 +30,14 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         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._beforeBack = async () => {
             this.removeLastPanelRenderer();
             this._filterValue = "";
         };
-        this._emitClose = () => this.close.emit();
-        this._backToTop = () => (this._flowItemRenderers = []);
+        this._emitClose = () => void this.close.emit();
+        this._backToTop = () => void (this._flowItemRenderers = []);
         this._emitItemSelected = (e) => {
-            // @ts-expect-error
             const variable = e.target?.["data-item"];
             if (!variable || variable.nonInteractive) {
                 return;
@@ -45,13 +48,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
                 this.itemSelected.emit(variable.snippet);
             }
         };
-        this._stopEnterPropagation = (e) => {
-            if (e.key === "Enter") {
-                e.stopPropagation();
-            }
-        };
         this._showCollectionPanel = (e) => {
-            // @ts-expect-error
             const collectionVariable = e.target?.["data-item"];
             if (!collectionVariable) {
                 return;
@@ -120,12 +117,18 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
             let loading = this.loading;
             if (!loading && !collection.loaded) {
                 // Request to load and update mutation counter when done
-                collection.loadSource().then(() => setTimeout(() => {
+                collection
+                    .loadSource()
+                    .then(() => setTimeout(() => {
                     this._mutationCounter += 1;
-                }));
+                }))
+                    .catch(() => {
+                    console.error("Error loading collection");
+                    loading = false;
+                });
                 loading = true;
             }
-            return (h("calcite-flow-item", { heading: this._t9nStrings?.profilevariables, 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(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)))));
         };
     }
     renderEditorVariables(collection) {
@@ -143,7 +146,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
                 // Group is a collection but we represent it differently
                 return (h("calcite-list-item-group", { heading: variable.getLabel() }, this.renderEditorVariables(variable)));
             default:
-                return (h("calcite-list-item", { label: variable.getLabel(), description: variable.getDescription(), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": variable }, variable.isCollection ? (h("calcite-action", { slot: "actions-end", text: this._t9nStrings?.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showCollectionPanel, onKeyPress: this._stopEnterPropagation, "data-item": variable })) : null, variable.icon ? h("calcite-icon", { icon: variable.icon, scale: "s", slot: "content-start" }) : null));
+                return (h("calcite-list-item", { label: variable.getLabel(), description: variable.getDescription(), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": variable }, variable.isCollection ? (h("calcite-action", { slot: "actions-end", text: this._t9nStrings?.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showCollectionPanel, onKeyPress: stopEnterPropagation, "data-item": variable })) : null, variable.icon ? h("calcite-icon", { icon: variable.icon, scale: "s", slot: "content-start" }) : null));
         }
     }
     render() {