@arcgis/coding-components 4.31.0-next.76 → 4.31.0-next.78

package/dist/esm/arcgis-sql-expression-editor.entry.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-e129cff7.js';
-import { u as useControllerManager, a as useT9n } from './useT9n-2b871a88.js';
-import { n as generateGuid, z as sqlExprDefaults } from './sql-expr-defaults-8686a08f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-515ec576.js';
+import { u as useControllerManager, a as useT9n } from './useT9n-1988d923.js';
+import { n as generateGuid, y as sqlExprDefaults } from './sql-expr-defaults-eff5fcd0.js';
 
 const sqlExpressionEditorCss = "arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--calcite-color-border-3);box-sizing:border-box;background-color:var(--calcite-color-foreground-1);height:100%}arcgis-sql-expression-editor .flex-adjustable{flex:1 1 auto;overflow:hidden}arcgis-sql-expression-editor .flex-panel{flex:1 0 auto}arcgis-sql-expression-editor .position-relative{position:relative}arcgis-sql-expression-editor .flex-row{display:flex;flex-direction:row;overflow:hidden}arcgis-sql-expression-editor .flex-column{display:flex;flex-direction:column;overflow:hidden}arcgis-sql-expression-editor .border-inline-start{border-inline-start:1px solid var(--calcite-color-border-3);box-sizing:border-box}arcgis-sql-expression-editor .border-inline-end{border-inline-end:1px solid var(--calcite-color-border-3);box-sizing:border-box}arcgis-sql-expression-editor .side-action-bar{max-width:25%}arcgis-sql-expression-editor .side-panel{max-width:45%;width:600px}arcgis-sql-expression-editor .side-panel calcite-flow{height:100%}";
 const ArcgisSqlExpressionEditorStyle0 = sqlExpressionEditorCss;
@@ -19,6 +19,9 @@ const SqlExpressionEditor = class {
         // #region Private properties
         this._modelId = generateGuid();
         this._insertAsSnippet = (e) => void this._codeEditorElt?.insertSnippet(e.detail).catch(console.error);
+        this._insertAsText = (e) => 
+        // sql expressions use single quotes for strings
+        void this._codeEditorElt?.insertText(e.detail.replaceAll('"', "'")).catch(console.error);
         this._updateApiLibrary = async () => {
             this._apiLibrary = await sqlExprDefaults.getApiLibraryForModel(this._modelId);
         };
@@ -49,12 +52,12 @@ const SqlExpressionEditor = class {
         this._preparing = true;
         try {
             await sqlExprDefaults.setProfileForModel(this._modelId, this.profile);
+            this._editorProfile = sqlExprDefaults.getEditorProfileForModel(this._modelId);
         }
         catch {
             this._editorProfile = undefined;
         }
         finally {
-            // this._editorProfilePromise = Promise.resolve(this._editorProfile);
             this._preparing = false;
         }
     }
@@ -65,6 +68,21 @@ const SqlExpressionEditor = class {
         const action = e.target;
         this._setActiveAction(action.dataset.panelName);
     }
+    /***
+     * Gets the featureSetVariable from the editor profile- used to populate the variables panel.
+     * In current form, there should only be one variable in the profile.
+     */
+    _getFeatureSetVariable() {
+        let featureSetVar;
+        const profile = sqlExprDefaults.getEditorProfileForModel(this._modelId);
+        if (profile?.variables?.length && profile?.variables?.[0]?.type !== "featureSet") {
+            console.error("encountered unexpected editor profile");
+        }
+        else {
+            featureSetVar = profile?.variables?.[0];
+        }
+        return featureSetVar;
+    }
     // #endregion
     // #region Component lifecycle events
     async componentWillLoad() {
@@ -79,9 +97,10 @@ const SqlExpressionEditor = class {
     }
     // #endregion
     render() {
-        return (h(Host, { key: '12b766db77f8e34a545e90fedd0138cf1469b66b' }, h("div", { key: '152606eaeac85b19c6c2ff0ced1aa1981d507ca1', class: "flex-row flex-adjustable" }, h("div", { key: '7205f9adf6501968f05ba2395821ab7bc188bca1', class: "flex-column flex-adjustable" }, h("arcgis-code-editor", { key: '1749a95f1126858e11fc2dc2ac35ae2b89e50ce3', language: "arcgis-sql-expression", modelId: this._modelId, ref: (e) => (this._codeEditorElt = e), value: this.script ?? "", onArcgisValueChange: this._onCodeEditorValueChange })), this._activeAction === "fields" && (h("arcgis-sql-expression-fields", { key: '66047896f2420bda201ef1cddea74a27d6a09461', class: "side-panel flex-panel  border-inline-start", loading: this._preparing, modelId: this._modelId, "data-panel-name": "none", onArcgisFieldSelected: this._insertAsSnippet, onArcgisClose: () => this._setActiveAction(undefined) })), this._activeAction === "functions" && (h("arcgis-language-api-panel", { key: '46aebbd9fb0c7e0968642c788a7b1c9445c67188', class: "side-panel flex-panel border-inline-start", onArcgisItemSelected: this._insertAsSnippet, onArcgisClose: () => this._setActiveAction(undefined), loading: this._preparing, apiLibrary: this._apiLibrary, "data-panel-name": "none" })), h("calcite-action-bar", { key: '8451bf2729834205c85efa26d5c55369aba14ac2', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, h("calcite-action", { key: '7134aa5fceb91ce0bfd162b8c6e9aab37b000246', id: "fields-action", text: this.messages.fields ?? "Fields", icon: "profile-variables", active: this._activeAction === "fields", "data-panel-name": "fields",
+        const variable = this._getFeatureSetVariable();
+        return (h(Host, { key: '68c73513b93f3509d8113eaa32a08f2fbf647427' }, h("div", { key: '5ca783649ff7d73e170bcc7e066545f876303d78', class: "flex-row flex-adjustable" }, h("div", { key: 'a7d4a39802a0ae38089c0491ae6dbdb462e476c5', class: "flex-column flex-adjustable" }, h("arcgis-code-editor", { key: '8dcae6b4cd56a035beadd32a8d7140bc123424fc', language: "arcgis-sql-expression", modelId: this._modelId, ref: (e) => (this._codeEditorElt = e), value: this.script ?? "", onArcgisValueChange: this._onCodeEditorValueChange })), this._activeAction === "fields" && (h("arcgis-editor-variables", { key: '5b1e2d0afd9c0c63b2135c00a380ae3708fa18f6', variable: variable, class: "side-panel flex-panel border-inline-start", loading: this._preparing, modelId: this._modelId, onArcgisItemSelected: this._insertAsText, onArcgisClose: () => this._setActiveAction(undefined), "data-panel-name": "none" })), this._activeAction === "functions" && (h("arcgis-language-api-panel", { key: '423bbdbe0e8b54c2c630a1f741f3894be22741ab', class: "side-panel flex-panel border-inline-start", onArcgisItemSelected: this._insertAsSnippet, onArcgisClose: () => this._setActiveAction(undefined), loading: this._preparing, apiLibrary: this._apiLibrary, "data-panel-name": "none" })), h("calcite-action-bar", { key: '300f670c25b9eca51fc34c94726d7a43d89dd68d', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, h("calcite-action", { key: '779c32f84f04208feb7675b4b0f23a070b780492', id: "fields-action", text: this.messages.fields ?? "Fields", icon: "profile-variables", active: this._activeAction === "fields", "data-panel-name": "fields",
             // need to use an arrow function to automatically bind 'this'
-            onClick: (e) => this._handleActionClick(e) }), h("calcite-action", { key: 'a910c11382e8ea292916ef3e025165d7e613c799', id: "functions-action", text: this.messages.functions ?? "Functions", icon: "function", active: this._activeAction === "functions", "data-panel-name": "functions", onClick: (e) => this._handleActionClick(e) })))));
+            onClick: (e) => this._handleActionClick(e) }), h("calcite-action", { key: '5e115476df037fb8eace7c02d9a025b800a80ab7', id: "functions-action", text: this.messages.functions ?? "Functions", icon: "function", active: this._activeAction === "functions", "data-panel-name": "functions", onClick: (e) => this._handleActionClick(e) })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/arcgis-sql-expression-fields.entry.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-e129cff7.js';
-import { u as useControllerManager, a as useT9n } from './useT9n-2b871a88.js';
-import { z as sqlExprDefaults } from './sql-expr-defaults-8686a08f.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-515ec576.js';
+import { u as useControllerManager, a as useT9n } from './useT9n-1988d923.js';
+import { y as sqlExprDefaults } from './sql-expr-defaults-eff5fcd0.js';
 
 const sqlExpressionFieldsCss = ":host calcite-flow{height:100%}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
 const ArcgisSqlExpressionFieldsStyle0 = sqlExpressionFieldsCss;

package/dist/esm/{css-607cace1.js → css-e669c8cc.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{cssMode-2a8d291e.js → cssMode-a8b477e3.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { O as monaco_editor_core_star } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{html-35122a30.js → html-fa654ea8.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { O as monaco_editor_core_star } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{htmlMode-a22e6838.js → htmlMode-252b58ec.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { O as monaco_editor_core_star } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{index-e129cff7.js → index-515ec576.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
 const NAMESPACE = 'arcgis-coding-components';
 const BUILD = /* arcgis-coding-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-export { a as arcade } from './arcade-defaults-ff80717f.js';
-export { s as sqlExpression } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+export { a as arcade } from './arcade-defaults-72d79638.js';
+export { s as sqlExpression } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';

package/dist/esm/{javascript-61366963.js → javascript-e43d9aad.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { conf as conf$1, language as language$1 } from './typescript-b43c3180.js';
-import './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { conf as conf$1, language as language$1 } from './typescript-e6399cf1.js';
+import './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{jsonMode-57111234.js → jsonMode-788ef636.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { O as monaco_editor_core_star } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/loader.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { b as bootstrapLazy } from './index-e129cff7.js';
-export { s as setNonce } from './index-e129cff7.js';
-import { g as globalScripts } from './app-globals-60c1d02f.js';
+import { b as bootstrapLazy } from './index-515ec576.js';
+export { s as setNonce } from './index-515ec576.js';
+import { g as globalScripts } from './app-globals-114942c8.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["arcgis-sql-expression-fields",[[1,"arcgis-sql-expression-fields",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}]]],["arcgis-arcade-editor_6",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1025],"testData":[16],"suggestions":[16],"snippets":[16],"hideDocumentationActions":[4,"hide-documentation-actions"],"hideSideBar":[4,"hide-side-bar"],"sideActionBarExpanded":[1540,"side-action-bar-expanded"],"openedSidePanel":[1537,"opened-side-panel"],"editorOptions":[16],"editorInstance":[16],"_preparingArcade":[32],"_editorProfile":[32],"_apiLibrary":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"messages":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"updateThemeColors":[64]},null,{"messages":["_messagesChanged"],"profile":["_profileChanged"],"testData":["_testDataChanged"],"snippets":["_snippetChanged"]}],[1,"arcgis-arcade-results",{"loading":[4],"openedResultPanel":[1537,"opened-result-panel"],"result":[16],"consoleLogs":[16]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"suggestions":["suggestionsPropChanged"]}],[1,"arcgis-arcade-variables",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"editorOptions":[16],"editorInstance":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"language":["languagePropChange"],"modelId":["modelIdPropChange"],"editorOptions":["editorOptionsPropChange"]}],[1,"arcgis-language-api-panel",{"hideDocumentationActions":[4,"hide-documentation-actions"],"loading":[4],"apiLibrary":[16],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"apiLibrary":["_apiLibraryChanged"]}]]],["arcgis-sql-expression-editor",[[0,"arcgis-sql-expression-editor",{"profile":[16],"script":[1025],"_preparing":[32],"_editorProfile":[32],"_activeAction":[32],"_apiLibrary":[32],"messages":[32]},null,{"messages":["_messagesChanged"],"profile":["_profileChanged"]}]]]], options);
+  return bootstrapLazy([["arcgis-arcade-editor_6",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1025],"testData":[16],"suggestions":[16],"snippets":[16],"hideDocumentationActions":[4,"hide-documentation-actions"],"hideSideBar":[4,"hide-side-bar"],"sideActionBarExpanded":[1540,"side-action-bar-expanded"],"openedSidePanel":[1537,"opened-side-panel"],"editorOptions":[16],"editorInstance":[16],"_preparingArcade":[32],"_editorProfile":[32],"_apiLibrary":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"messages":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"updateThemeColors":[64]},null,{"messages":["_messagesChanged"],"profile":["_profileChanged"],"testData":["_testDataChanged"],"snippets":["_snippetChanged"]}],[1,"arcgis-arcade-results",{"loading":[4],"openedResultPanel":[1537,"opened-result-panel"],"result":[16],"consoleLogs":[16]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"suggestions":["suggestionsPropChanged"]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"editorOptions":[16],"editorInstance":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"language":["languagePropChange"],"modelId":["modelIdPropChange"],"editorOptions":["editorOptionsPropChange"]}],[1,"arcgis-editor-variables",{"loading":[4],"modelId":[1,"model-id"],"variable":[16],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32],"_mode":[32]},null,{"modelId":["modelIdPropChanged"],"variable":["_variableChanged"]}],[1,"arcgis-language-api-panel",{"hideDocumentationActions":[4,"hide-documentation-actions"],"loading":[4],"apiLibrary":[16],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"apiLibrary":["_apiLibraryChanged"]}]]],["arcgis-sql-expression-editor",[[0,"arcgis-sql-expression-editor",{"profile":[16],"script":[1025],"_preparing":[32],"_editorProfile":[32],"_activeAction":[32],"_apiLibrary":[32],"messages":[32]},null,{"messages":["_messagesChanged"],"profile":["_profileChanged"]}]]],["arcgis-sql-expression-fields",[[1,"arcgis-sql-expression-fields",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{sql-expr-defaults-8686a08f.js → sql-expr-defaults-eff5fcd0.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { g as getAssetPath } from './index-e129cff7.js';
+import { g as getAssetPath } from './index-515ec576.js';
 
 // src/index.ts
 var isAMD = typeof window !== "undefined" && "$arcgis" in window && typeof window.$arcgis === "object" && "import" in window.$arcgis && !("forceESM" in window.$arcgis);
@@ -3310,9 +3310,10 @@ class CollectionBasedVariable extends VariableBase {
     }
 }
 class GroupOfVariables extends ProfileItemBase {
-    constructor(profile, label, variables = []) {
+    constructor(profile, label, variables = [], isHeader = false) {
         super(profile, label);
         this.variables = variables;
+        this.isHeader = isHeader;
         this.type = "group";
         this.isCollection = true;
     }
@@ -3806,7 +3807,7 @@ class FeatureSetVariable extends SourceBasedVariable {
                 throw new Error("Invalid definition");
             }
             // The title group and snippet
-            this.variables.push(new GroupOfVariables(this._profile, this.title, this.featureSetSnippets));
+            this.variables.push(new GroupOfVariables(this._profile, this.title, this.featureSetSnippets, true));
             // Add the fields
             const fieldsGroup = new GroupOfVariables(this._profile, { code: "fields" });
             this.variables.push(fieldsGroup);
@@ -124669,7 +124670,7 @@ registerLanguage({
   mimetypes: ["text/css"],
   loader: () => {
     {
-      return import('./css-607cace1.js');
+      return import('./css-e669c8cc.js');
     }
   }
 });
@@ -124687,7 +124688,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import('./html-35122a30.js');
+      return import('./html-fa654ea8.js');
     }
   }
 });
@@ -124707,7 +124708,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import('./javascript-61366963.js');
+      return import('./javascript-e43d9aad.js');
     }
   }
 });
@@ -124725,7 +124726,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import('./typescript-b43c3180.js');
+      return import('./typescript-e6399cf1.js');
     }
   }
 });
@@ -124846,7 +124847,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3("less", optionsDefault$1, m
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import('./cssMode-2a8d291e.js');
+    return import('./cssMode-a8b477e3.js');
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -124971,7 +124972,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import('./htmlMode-a22e6838.js');
+    return import('./htmlMode-252b58ec.js');
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -125073,7 +125074,7 @@ var jsonDefaults = new LanguageServiceDefaultsImpl$1("json", diagnosticDefault,
 monaco_editor_core_exports$1.languages.json = { jsonDefaults };
 function getMode$1() {
   {
-    return import('./jsonMode-57111234.js');
+    return import('./jsonMode-788ef636.js');
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -125342,7 +125343,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import('./tsMode-75e4ee85.js');
+    return import('./tsMode-b6afbaf3.js');
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -171067,4 +171068,4 @@ const sqlExpression = {
     getApiLibraryForModel: sqlExprDefaults.getApiLibraryForModel.bind(sqlExprDefaults),
 };
 
-export { observeAncestorsMutation as A, KeyMod as B, addLTRMark as C, Deferred as D, EditorProfile as E, isNotUndefined as F, safeAsyncCall as G, devToolsAwareTimeout as H, IStandaloneThemeService as I, safeCall as J, KeyCode as K, LanguageDefaultsBase as L, startLocaleObserver as M, getElementLocales as N, monaco_editor_core_star as O, typescriptDefaults as P, MarkerSeverity as Q, Range as R, StandaloneServices as S, debounce as T, Uri as U, Emitter as V, isFeatureSetCollectionDefinition as a, isFeatureSetDefinition as b, isFeatureDefinition as c, supportedLocales as d, fetchT9nStringsBundle as e, fieldsToProfileValues as f, importArcade as g, editor as h, isPredefinedProfile as i, isURL as j, hasSameOrigin as k, importRequest as l, main as m, generateGuid as n, getElementTheme as o, setValuesInString as p, quoteString as q, supportedFields as r, sqlExpression as s, generateTokensCSSForColorMap as t, commonjsGlobal as u, setFocusOnElement as v, filterCollection as w, createFilterExpression as x, languages as y, sqlExprDefaults as z };
+export { KeyMod as A, createFilterExpression as B, addLTRMark as C, Deferred as D, EditorProfile as E, isNotUndefined as F, safeAsyncCall as G, devToolsAwareTimeout as H, IStandaloneThemeService as I, safeCall as J, KeyCode as K, LanguageDefaultsBase as L, startLocaleObserver as M, getElementLocales as N, monaco_editor_core_star as O, typescriptDefaults as P, MarkerSeverity as Q, Range as R, StandaloneServices as S, debounce as T, Uri as U, Emitter as V, isFeatureSetCollectionDefinition as a, isFeatureSetDefinition as b, isFeatureDefinition as c, supportedLocales as d, fetchT9nStringsBundle as e, fieldsToProfileValues as f, importArcade as g, editor as h, isPredefinedProfile as i, isURL as j, hasSameOrigin as k, importRequest as l, main as m, generateGuid as n, getElementTheme as o, setValuesInString as p, quoteString as q, supportedFields as r, sqlExpression as s, generateTokensCSSForColorMap as t, commonjsGlobal as u, setFocusOnElement as v, filterCollection as w, languages as x, sqlExprDefaults as y, observeAncestorsMutation as z };

package/dist/esm/{sql-expr-mode-c7cacc6e.js → sql-expr-mode-f4116ccc.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { D as Deferred, h as editor, T as debounce, y as languages, z as sqlExprDefaults, V as Emitter } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { D as Deferred, h as editor, T as debounce, x as languages, y as sqlExprDefaults, V as Emitter } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 // hold onto a promise that resolves when the worker is ready
 let deferredWorker = new Deferred();
@@ -136,7 +136,6 @@ const sqlExprKeywords = [
     "REAL",
     "SECOND",
     "SMALLINT",
-    "SUBSTRING",
     "THEN",
     "TIME",
     "TIMESTAMP",
@@ -156,7 +155,6 @@ const sqlExprOperators = [
     // Logical
     "AND",
     "BETWEEN",
-    "IN",
     "LIKE",
     "NOT",
     "OR",
@@ -182,17 +180,21 @@ const sqlExprFunctions = [
     "FLOOR",
     "LOG",
     "LOG10",
+    "MOD",
+    "NULLIF",
     "POWER",
     "ROUND",
     "SIGN",
     "SIN",
     "TAN",
+    "TRUNCATE",
     // String
     "CHAR_LENGTH",
     "COALESCE",
     "CONCAT",
     "LOWER",
     "POSITION",
+    "SUBSTRING",
     "TRIM",
     "UPPER",
 ];

package/dist/esm/{tsMode-75e4ee85.js → tsMode-b6afbaf3.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { P as typescriptDefaults, O as monaco_editor_core_star } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { P as typescriptDefaults, O as monaco_editor_core_star } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{typescript-b43c3180.js → typescript-e6399cf1.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { O as monaco_editor_core_star } from './sql-expr-defaults-8686a08f.js';
-import './index-e129cff7.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-eff5fcd0.js';
+import './index-515ec576.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{useT9n-2b871a88.js → useT9n-1988d923.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
-import { F as isNotUndefined, D as Deferred, G as safeAsyncCall, H as devToolsAwareTimeout, J as safeCall, M as startLocaleObserver, N as getElementLocales } from './sql-expr-defaults-8686a08f.js';
-import { g as getAssetPath } from './index-e129cff7.js';
+import { F as isNotUndefined, D as Deferred, G as safeAsyncCall, H as devToolsAwareTimeout, J as safeCall, M as startLocaleObserver, N as getElementLocales } from './sql-expr-defaults-eff5fcd0.js';
+import { g as getAssetPath } from './index-515ec576.js';
 
 // src/framework.ts
 function retrieveComponentMembers(component, isLit) {

package/dist/loader/cdn.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
 module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.cjs.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
 module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.es2017.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.76
+ * v4.31.0-next.78
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/loader.js';

package/dist/types/components/{arcade-variables/arcade-variables.d.ts → editor-variables/editor-variables.d.ts}

@@ -1,7 +1,12 @@
 import type { VNode, EventEmitter, ComponentInterface } from "../../stencil-public-runtime";
+import type { EditorProfile, FeatureSetVariable } from "../../utils/profile/editor-profile";
 import type { ControllerManager } from "@arcgis/components-controllers";
+/**
+ * The mode of the component. Either "featureSet" or "profile"
+ */
+type Mode = "featureSet" | "profile";
 /** @internal */
-export declare class ArcgisArcadeVariables implements ComponentInterface {
+export declare class ArcgisEditorVariables implements ComponentInterface {
     manager: ControllerManager<this>;
     private _flowObserver?;
     messages: {
@@ -32,10 +37,15 @@ export declare class ArcgisArcadeVariables implements ComponentInterface {
         noitems: string;
         noprofilevariablesmessage: string;
     }>;
-    el: HTMLArcgisArcadeVariablesElement;
+    el: HTMLArcgisEditorVariablesElement;
     _mutationCounter: number;
     _flowItemRenderers: (() => VNode)[];
     _filterValue: string;
+    /**
+     * The mode determined by the type of the variable passed in the variable property.
+     * see {@link _variableChanged}
+     */
+    _mode: Mode;
     /**
      * Loading state
      */
@@ -45,6 +55,14 @@ export declare class ArcgisArcadeVariables implements ComponentInterface {
      */
     modelId: string | undefined;
     modelIdPropChanged(): void;
+    /**
+     * The variable to display.
+     * Currently supports EditorProfile and FeatureSetVariable
+     * In the case of a FeatureSetVariable, the UX will show that variable exclusively,
+     * excluding the initial profile variables selection panel.
+     */
+    variable: EditorProfile | FeatureSetVariable | undefined;
+    _variableChanged(): void;
     /**
      * Raised when close action has been activated
      */
@@ -54,8 +72,10 @@ export declare class ArcgisArcadeVariables implements ComponentInterface {
      */
     arcgisItemSelected: EventEmitter<string>;
     disconnectedCallback(): void;
+    componentWillLoad(): Promise<void> | void;
     private addPanelRenderer;
     private removeLastPanelRenderer;
+    private _isMode;
     private flowFocusHandler;
     private _updateFilterValue;
     private _beforeBack;
@@ -63,8 +83,11 @@ export declare class ArcgisArcadeVariables implements ComponentInterface {
     private _backToTop;
     private _emitItemSelected;
     private _showCollectionPanel;
+    private _getHeadingForCollection;
+    private _getDescriptionForCollection;
     private collectionBasedVariableRenderer;
     private renderEditorVariables;
     private renderEditorVariable;
     render(): VNode;
 }
+export {};

package/dist/types/components/sql-expression-editor/sql-expression-editor.d.ts

@@ -39,8 +39,14 @@ export declare class SqlExpressionEditor implements ComponentInterface {
     private _setActiveAction;
     private _handleActionClick;
     private _insertAsSnippet;
+    private _insertAsText;
     private _updateApiLibrary;
     private _onCodeEditorValueChange;
+    /***
+     * Gets the featureSetVariable from the editor profile- used to populate the variables panel.
+     * In current form, there should only be one variable in the profile.
+     */
+    private _getFeatureSetVariable;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
     /**