@arcgis/coding-components 4.31.0-next.77 → 4.31.0-next.79

package/dist/cjs/arcgis-arcade-editor_6.cjs.entry.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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-16caf224.js');
-const sqlExprDefaults = require('./sql-expr-defaults-abca6c0e.js');
-const useT9n = require('./useT9n-4e9beec5.js');
-const arcadeDefaults = require('./arcade-defaults-7eb50451.js');
+const index = require('./index-05ceca06.js');
+const sqlExprDefaults = require('./sql-expr-defaults-8da1e20e.js');
+const useT9n = require('./useT9n-93800da2.js');
+const arcadeDefaults = require('./arcade-defaults-82c1a665.js');
 
 const DevelopersWebSitePath = "https://developers.arcgis.com/arcade/";
 const MaxArrayItems = 100;
@@ -367,7 +367,7 @@ async function getArcadeDiagnosticService() {
  * @returns arcade mode module
  */
 async function getMode$1() {
-    return await Promise.resolve().then(function () { return require('./arcade-mode-ca4a9411.js'); });
+    return await Promise.resolve().then(function () { return require('./arcade-mode-f6538113.js'); });
 }
 
 const arcadeEditorCss = "arcgis-arcade-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-arcade-editor .flex-adjustable{flex:1 1 auto;overflow:hidden}arcgis-arcade-editor .flex-panel{flex:1 0 auto}arcgis-arcade-editor .position-relative{position:relative}arcgis-arcade-editor .flex-row{display:flex;flex-direction:row;overflow:hidden}arcgis-arcade-editor .flex-column{display:flex;flex-direction:column;overflow:hidden}arcgis-arcade-editor .border-inline-start{border-inline-start:1px solid var(--calcite-color-border-3);box-sizing:border-box}arcgis-arcade-editor .border-inline-end{border-inline-end:1px solid var(--calcite-color-border-3);box-sizing:border-box}arcgis-arcade-editor .sticky{position:sticky;top:0px;z-index:10}arcgis-arcade-editor .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}arcgis-arcade-editor .side-action-bar{max-width:25%}arcgis-arcade-editor .side-panel{max-width:45%;width:600px}arcgis-arcade-editor .side-panel calcite-flow{height:100%}arcgis-arcade-editor .main-action-bar{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}arcgis-arcade-editor .main-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}arcgis-arcade-editor .main-action-bar calcite-action-group:last-child{border-inline-end-width:0px}arcgis-arcade-editor .main-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}arcgis-arcade-editor arcgis-arcade-results{border-top:1px solid var(--calcite-color-border-3);box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}arcgis-arcade-editor calcite-flow [slot=footer]{word-break:break-word}";
@@ -664,7 +664,7 @@ const ArcgisArcadeEditor = class {
             case "api":
                 return (index.h("arcgis-language-api-panel", { class: "side-panel flex-panel border-inline-start", loading: this._preparingArcade, apiLibrary: this._apiLibrary, hideDocumentationActions: this.hideDocumentationActions, onArcgisItemSelected: this._insertAsSnippet, onArcgisClose: this._toggleSidePanel, "data-panel-name": "none" }));
             case "variables":
-                return (index.h("arcgis-arcade-variables", { class: "side-panel flex-panel border-inline-start", loading: this._preparingArcade, modelId: this._modelId, onArcgisItemSelected: this._insertAsText, onArcgisClose: this._toggleSidePanel, "data-panel-name": "none" }));
+                return (index.h("arcgis-editor-variables", { class: "side-panel flex-panel border-inline-start", loading: this._preparingArcade, modelId: this._modelId, onArcgisItemSelected: this._insertAsText, onArcgisClose: this._toggleSidePanel, "data-panel-name": "none", variable: this._editorProfile }));
             case "suggestions":
                 return (index.h("arcgis-arcade-suggestions", { class: "side-panel flex-panel border-inline-start", suggestions: this.suggestions, onArcgisItemSelected: this._insertAsText, onArcgisClose: this._toggleSidePanel, "data-panel-name": "none" }));
             default:
@@ -682,7 +682,7 @@ const ArcgisArcadeEditor = class {
     //#endregion
     //#region Render
     render() {
-        return (index.h(index.Host, { key: 'eb51d98e22574059128883f2aef749f822393903' }, this.renderMainActionBar(), index.h("div", { key: 'c62fd45179c745116af6c53b1d7429ca8554b3c7', class: "flex-row flex-adjustable" }, index.h("div", { key: 'e5a52d1c250a5790ccc495f26f4f4ea06688232d', class: "flex-column flex-adjustable" }, this.renderMainPanel(), this.renderResultsPanel()), this.renderSidePanel(), this.renderSideActionBar())));
+        return (index.h(index.Host, { key: '82573b59947bcd994ecd8735d367a69b4ce150cd' }, this.renderMainActionBar(), index.h("div", { key: '9b59e8c7dbb3f613e38eb77fc5e752bf18cdc059', class: "flex-row flex-adjustable" }, index.h("div", { key: '7f6972e8c7b43e6181f3f4581add686acb6d882d', class: "flex-column flex-adjustable" }, this.renderMainPanel(), this.renderResultsPanel()), this.renderSidePanel(), this.renderSideActionBar())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -3982,153 +3982,6 @@ const ArcgisArcadeSuggestions = class {
 };
 ArcgisArcadeSuggestions.style = ArcgisArcadeSuggestionsStyle0;
 
-const arcadeVariablesCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
-const ArcgisArcadeVariablesStyle0 = arcadeVariablesCss;
-
-function stopEnterPropagation(e) {
-    if (e.key === "Enter") {
-        e.stopPropagation();
-    }
-}
-const ArcgisArcadeVariables = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.arcgisClose = index.createEvent(this, "arcgisClose", 3);
-        this.arcgisItemSelected = index.createEvent(this, "arcgisItemSelected", 3);
-        this.manager = useT9n.useControllerManager(this);
-        this.messages = useT9n.useT9n();
-        this._updateFilterValue = (e) => {
-            this._filterValue = e.target.value;
-        };
-        this._beforeBack = async () => {
-            this.removeLastPanelRenderer();
-            this._filterValue = "";
-        };
-        this._emitClose = () => {
-            this.arcgisClose.emit();
-        };
-        this._backToTop = () => {
-            this._flowItemRenderers = [];
-        };
-        this._emitItemSelected = (e) => {
-            const variable = e.target?.["data-item"];
-            if (!variable || variable.nonInteractive) {
-                return;
-            }
-            const keyEvent = e;
-            if (!keyEvent.key || keyEvent.key === "Enter") {
-                e.preventDefault();
-                this.arcgisItemSelected.emit(variable.snippet);
-            }
-        };
-        this._showCollectionPanel = (e) => {
-            const collectionVariable = e.target?.["data-item"];
-            if (!collectionVariable) {
-                return;
-            }
-            e.stopPropagation();
-            this.addPanelRenderer(this.collectionBasedVariableRenderer(collectionVariable));
-        };
-        this._mutationCounter = 1;
-        this._flowItemRenderers = [];
-        this._filterValue = "";
-        this.loading = false;
-        this.modelId = undefined;
-    }
-    modelIdPropChanged() {
-        this._flowItemRenderers = [];
-    }
-    //#endregion
-    disconnectedCallback() {
-        this._flowObserver?.disconnect();
-    }
-    // #endregion
-    //#region Private Methods
-    addPanelRenderer(panelRenderer) {
-        this._flowItemRenderers = [...this._flowItemRenderers, panelRenderer];
-    }
-    removeLastPanelRenderer() {
-        this._flowItemRenderers = this._flowItemRenderers.slice(0, -1);
-    }
-    flowFocusHandler(ref) {
-        // When a flow is removed from the document then a null ref will be passed in
-        if (!ref) {
-            this._flowObserver?.disconnect();
-            this._flowObserver = undefined;
-            return;
-        }
-        if (this._flowObserver) {
-            return;
-        }
-        // Observer panel added/removed and also observe the flow id
-        // 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
-            sqlExprDefaults.setFocusOnElement(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
-        });
-        this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
-    }
-    //#endregion
-    //#region Renderers
-    collectionBasedVariableRenderer(collection, topPanel = false) {
-        // Returns a function to be added to the subpanel render collection
-        return () => {
-            if (!collection) {
-                return null;
-            }
-            // If the collection actually exists then two options:
-            // - the collection still need to be loaded
-            // - the collection is ready
-            let loading = this.loading;
-            if (!loading && !collection.loaded) {
-                // Request to load and update mutation counter when done
-                collection
-                    .loadSource()
-                    .then(() => setTimeout(() => {
-                    this._mutationCounter += 1;
-                }))
-                    .catch(() => {
-                    console.error("Error loading collection");
-                    loading = false;
-                });
-                loading = true;
-            }
-            return (index.h("calcite-flow-item", { heading: this.messages.profilevariables, description: collection.breadcrumb, beforeBack: this._beforeBack, closable: true, onCalciteFlowItemClose: this._emitClose }, index.h("calcite-action", { slot: "header-actions-end", text: this.messages.backtotop ?? "", scale: "m", hidden: topPanel, icon: "chevrons-left", iconFlipRtl: true, onClick: this._backToTop }), index.h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), loading ? (index.h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "" })) : (index.h("calcite-list", null, this.renderEditorVariables(collection)))));
-        };
-    }
-    renderEditorVariables(collection) {
-        // Filter the variables. Skip group, we will filter the children later on.
-        const filterExpression = sqlExprDefaults.createFilterExpression(this._filterValue);
-        const filteredVariables = collection.variables.filter((variable) => variable.passFilter(filterExpression));
-        if (!filteredVariables.length) {
-            return index.h("div", { class: "notice-container" }, this.messages.noitems);
-        }
-        return filteredVariables.map((variable) => this.renderEditorVariable(variable));
-    }
-    renderEditorVariable(variable) {
-        switch (variable.type) {
-            case "group":
-                // Group is a collection but we represent it differently
-                return (index.h("calcite-list-item-group", { heading: variable.getLabel() }, this.renderEditorVariables(variable)));
-            default:
-                return (index.h("calcite-list-item", { label: variable.getLabel(), description: variable.getDescription(), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": variable }, variable.isCollection ? (index.h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showCollectionPanel, onKeyPress: stopEnterPropagation, "data-item": variable })) : null, variable.icon ? index.h("calcite-icon", { icon: variable.icon, scale: "s", slot: "content-start" }) : null));
-        }
-    }
-    render() {
-        const profile = arcadeDefaults.arcadeDefaults.getEditorProfileForModel(this.modelId ?? "");
-        if (!this.loading && !profile?.variables.length) {
-            return (index.h("calcite-flow", null, index.h("calcite-flow-item", { heading: this.messages.profilevariables, closable: true, onCalciteFlowItemClose: this._emitClose }, index.h("div", { class: "notice-container" }, this.messages.noprofilevariablesmessage))));
-        }
-        return (index.h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, this.collectionBasedVariableRenderer(profile, true)(), this._flowItemRenderers.map((renderer) => renderer())));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "modelId": ["modelIdPropChanged"]
-    }; }
-};
-ArcgisArcadeVariables.style = ArcgisArcadeVariablesStyle0;
-
 // Register the language in Monaco
 sqlExprDefaults.languages.register({
     id: arcadeDefaults.arcadeDefaults.languageId,
@@ -4162,7 +4015,7 @@ sqlExprDefaults.languages.onLanguage(arcadeDefaults.arcadeDefaults.languageId, (
  * @returns sql-expression mode module
  */
 async function getMode() {
-    return await Promise.resolve().then(function () { return require('./sql-expr-mode-fd4c0094.js'); });
+    return await Promise.resolve().then(function () { return require('./sql-expr-mode-a54f0061.js'); });
 }
 
 // Register the language in Monaco
@@ -4441,6 +4294,203 @@ const ArcgisCodeEditor = class {
 };
 ArcgisCodeEditor.style = ArcgisCodeEditorStyle0;
 
+const editorVariablesCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
+const ArcgisEditorVariablesStyle0 = editorVariablesCss;
+
+function stopEnterPropagation(e) {
+    if (e.key === "Enter") {
+        e.stopPropagation();
+    }
+}
+const ArcgisEditorVariables = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.arcgisClose = index.createEvent(this, "arcgisClose", 3);
+        this.arcgisItemSelected = index.createEvent(this, "arcgisItemSelected", 3);
+        this.manager = useT9n.useControllerManager(this);
+        this.messages = useT9n.useT9n();
+        this._updateFilterValue = (e) => {
+            this._filterValue = e.target.value;
+        };
+        this._beforeBack = async () => {
+            this.removeLastPanelRenderer();
+            this._filterValue = "";
+        };
+        this._emitClose = () => {
+            this.arcgisClose.emit();
+        };
+        this._backToTop = () => {
+            this._flowItemRenderers = [];
+        };
+        this._emitItemSelected = (e) => {
+            const variable = e.target?.["data-item"];
+            if (!variable || variable.nonInteractive) {
+                return;
+            }
+            const keyEvent = e;
+            if (!keyEvent.key || keyEvent.key === "Enter") {
+                e.preventDefault();
+                this.arcgisItemSelected.emit(variable.snippet);
+            }
+        };
+        this._showCollectionPanel = (e) => {
+            const collectionVariable = e.target?.["data-item"];
+            if (!collectionVariable) {
+                return;
+            }
+            e.stopPropagation();
+            this.addPanelRenderer(this.collectionBasedVariableRenderer(collectionVariable));
+        };
+        this._mutationCounter = 1;
+        this._flowItemRenderers = [];
+        this._filterValue = "";
+        this._mode = "profile";
+        this.loading = false;
+        this.modelId = undefined;
+        this.variable = undefined;
+    }
+    modelIdPropChanged() {
+        this._flowItemRenderers = [];
+    }
+    _variableChanged() {
+        /**
+         * Update the mode of the component. Either "featureSet" or "profile"
+         * defaults to profile unless the variable is explicitly a featureSet
+         */
+        this._mode = this.variable?.type === "featureSet" ? "featureSet" : "profile";
+    }
+    //#endregion
+    disconnectedCallback() {
+        this._flowObserver?.disconnect();
+    }
+    // #endregion
+    // #region lifecycle methods
+    componentWillLoad() {
+        this._variableChanged();
+    }
+    // #endregion
+    //#region Private Methods
+    addPanelRenderer(panelRenderer) {
+        this._flowItemRenderers = [...this._flowItemRenderers, panelRenderer];
+    }
+    removeLastPanelRenderer() {
+        this._flowItemRenderers = this._flowItemRenderers.slice(0, -1);
+    }
+    _isMode(mode) {
+        return this._mode === mode;
+    }
+    flowFocusHandler(ref) {
+        // When a flow is removed from the document then a null ref will be passed in
+        if (!ref) {
+            this._flowObserver?.disconnect();
+            this._flowObserver = undefined;
+            return;
+        }
+        if (this._flowObserver) {
+            return;
+        }
+        // Observer panel added/removed and also observe the flow id
+        // 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
+            sqlExprDefaults.setFocusOnElement(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+        });
+        this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
+    }
+    _getHeadingForCollection(collection) {
+        if (!collection) {
+            return "";
+        }
+        switch (this._mode) {
+            case "profile":
+                return this.messages.profilevariables ?? "";
+            case "featureSet":
+                // In featureSet mode, we do not show "Profile Variables" as the heading
+                // Instead, we show the label of the collection, i.e. the name of the layer
+                return collection.variables[0]?.getLabel() ?? "";
+        }
+    }
+    _getDescriptionForCollection(collection) {
+        if (!collection) {
+            return "";
+        }
+        switch (this._mode) {
+            case "profile":
+                return collection.breadcrumb;
+            case "featureSet":
+                return "";
+        }
+    }
+    //#endregion
+    //#region Renderers
+    collectionBasedVariableRenderer(collection, topPanel = false) {
+        // Returns a function to be added to the subpanel render collection
+        return () => {
+            if (!collection) {
+                return null;
+            }
+            // If the collection actually exists then two options:
+            // - the collection still need to be loaded
+            // - the collection is ready
+            let loading = this.loading;
+            if (!loading && !collection.loaded) {
+                // Request to load and update mutation counter when done
+                collection
+                    .loadSource()
+                    .then(() => setTimeout(() => {
+                    this._mutationCounter += 1;
+                }))
+                    .catch(() => {
+                    console.error("Error loading collection");
+                    loading = false;
+                });
+                loading = true;
+            }
+            return (index.h("calcite-flow-item", { heading: this._getHeadingForCollection(collection), description: this._getDescriptionForCollection(collection), beforeBack: this._beforeBack, closable: true, onCalciteFlowItemClose: this._emitClose }, index.h("calcite-action", { slot: "header-actions-end", text: this.messages.backtotop ?? "", scale: "m",
+                // do not show the back button if the top panel is already displayed or if we are in featureSet mode
+                hidden: topPanel || this._isMode("featureSet"), icon: "chevrons-left", iconFlipRtl: true, onClick: this._backToTop }), index.h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), loading ? (index.h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "" })) : (index.h("calcite-list", null, this.renderEditorVariables(collection)))));
+        };
+    }
+    renderEditorVariables(collection) {
+        // Filter the variables. Skip group, we will filter the children later on.
+        const filterExpression = sqlExprDefaults.createFilterExpression(this._filterValue);
+        const filteredVariables = collection.variables.filter((variable) => variable.passFilter(filterExpression));
+        if (!filteredVariables.length) {
+            return index.h("div", { class: "notice-container" }, this.messages.noitems);
+        }
+        return filteredVariables.map((variable) => this.renderEditorVariable(variable));
+    }
+    renderEditorVariable(variable) {
+        switch (variable.type) {
+            case "group":
+                /**
+                 * Skip the header variable if we are in featureSet mode.
+                 * The header variable represents the namespace used to access a value inside a variable, i.e. $layer or $feature
+                 */
+                if (this._isMode("featureSet") && variable.isHeader) {
+                    return;
+                }
+                // Group is a collection but we represent it differently
+                return (index.h("calcite-list-item-group", { heading: variable.getLabel() }, this.renderEditorVariables(variable)));
+            default:
+                return (index.h("calcite-list-item", { label: variable.getLabel(), description: variable.getDescription(), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": variable }, variable.isCollection ? (index.h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showCollectionPanel, onKeyPress: stopEnterPropagation, "data-item": variable })) : null, variable.icon ? index.h("calcite-icon", { icon: variable.icon, scale: "s", slot: "content-start" }) : null));
+        }
+    }
+    render() {
+        if (!this.loading && this.variable?.loaded && !this.variable?.variables.length) {
+            return (index.h("calcite-flow", null, index.h("calcite-flow-item", { heading: this.messages.profilevariables, closable: true, onCalciteFlowItemClose: this._emitClose }, index.h("div", { class: "notice-container" }, this.messages.noprofilevariablesmessage))));
+        }
+        return (index.h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, this.collectionBasedVariableRenderer(this.variable, true)(), this._flowItemRenderers.map((renderer) => renderer())));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "modelId": ["modelIdPropChanged"],
+        "variable": ["_variableChanged"]
+    }; }
+};
+ArcgisEditorVariables.style = ArcgisEditorVariablesStyle0;
+
 const languageApiPanelCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}:host calcite-block p:first-of-type{margin-top:0}:host calcite-block code{font-family:var(--calcite-code-family)}:host calcite-block pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
 const ArcgisLanguageApiPanelStyle0 = languageApiPanelCss;
 
@@ -4586,6 +4636,6 @@ ArcgisLanguageApiPanel.style = ArcgisLanguageApiPanelStyle0;
 exports.arcgis_arcade_editor = ArcgisArcadeEditor;
 exports.arcgis_arcade_results = ArcgisArcadeResults;
 exports.arcgis_arcade_suggestions = ArcgisArcadeSuggestions;
-exports.arcgis_arcade_variables = ArcgisArcadeVariables;
 exports.arcgis_code_editor = ArcgisCodeEditor;
+exports.arcgis_editor_variables = ArcgisEditorVariables;
 exports.arcgis_language_api_panel = ArcgisLanguageApiPanel;

package/dist/cjs/arcgis-coding-components.cjs.js

@@ -1,14 +1,14 @@
 /*!
  * 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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-16caf224.js');
-const appGlobals = require('./app-globals-e36ff7b6.js');
+const index = require('./index-05ceca06.js');
+const appGlobals = require('./app-globals-4497f8e0.js');
 
 /*
  Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -24,7 +24,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["arcgis-sql-expression-fields.cjs",[[1,"arcgis-sql-expression-fields",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}]]],["arcgis-arcade-editor_6.cjs",[[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.cjs",[[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 index.bootstrapLazy([["arcgis-arcade-editor_6.cjs",[[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.cjs",[[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.cjs",[[1,"arcgis-sql-expression-fields",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1,15 +1,15 @@
 /*!
  * 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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-16caf224.js');
-const useT9n = require('./useT9n-4e9beec5.js');
-const sqlExprDefaults = require('./sql-expr-defaults-abca6c0e.js');
+const index = require('./index-05ceca06.js');
+const useT9n = require('./useT9n-93800da2.js');
+const sqlExprDefaults = require('./sql-expr-defaults-8da1e20e.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;
@@ -23,6 +23,9 @@ const SqlExpressionEditor = class {
         // #region Private properties
         this._modelId = sqlExprDefaults.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.sqlExprDefaults.getApiLibraryForModel(this._modelId);
         };
@@ -53,12 +56,12 @@ const SqlExpressionEditor = class {
         this._preparing = true;
         try {
             await sqlExprDefaults.sqlExprDefaults.setProfileForModel(this._modelId, this.profile);
+            this._editorProfile = sqlExprDefaults.sqlExprDefaults.getEditorProfileForModel(this._modelId);
         }
         catch {
             this._editorProfile = undefined;
         }
         finally {
-            // this._editorProfilePromise = Promise.resolve(this._editorProfile);
             this._preparing = false;
         }
     }
@@ -69,6 +72,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.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() {
@@ -83,9 +101,10 @@ const SqlExpressionEditor = class {
     }
     // #endregion
     render() {
-        return (index.h(index.Host, { key: '12b766db77f8e34a545e90fedd0138cf1469b66b' }, index.h("div", { key: '152606eaeac85b19c6c2ff0ced1aa1981d507ca1', class: "flex-row flex-adjustable" }, index.h("div", { key: '7205f9adf6501968f05ba2395821ab7bc188bca1', class: "flex-column flex-adjustable" }, index.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" && (index.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" && (index.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" })), index.h("calcite-action-bar", { key: '8451bf2729834205c85efa26d5c55369aba14ac2', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, index.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 (index.h(index.Host, { key: '68c73513b93f3509d8113eaa32a08f2fbf647427' }, index.h("div", { key: '5ca783649ff7d73e170bcc7e066545f876303d78', class: "flex-row flex-adjustable" }, index.h("div", { key: 'a7d4a39802a0ae38089c0491ae6dbdb462e476c5', class: "flex-column flex-adjustable" }, index.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" && (index.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" && (index.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" })), index.h("calcite-action-bar", { key: '300f670c25b9eca51fc34c94726d7a43d89dd68d', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, index.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) }), index.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) }), index.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 index.getElement(this); }

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

@@ -1,15 +1,15 @@
 /*!
  * 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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-16caf224.js');
-const useT9n = require('./useT9n-4e9beec5.js');
-const sqlExprDefaults = require('./sql-expr-defaults-abca6c0e.js');
+const index = require('./index-05ceca06.js');
+const useT9n = require('./useT9n-93800da2.js');
+const sqlExprDefaults = require('./sql-expr-defaults-8da1e20e.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/cjs/{css-bf7efcc6.js → css-758f43cd.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.77
+ * v4.31.0-next.79
  */
 'use strict';
 

package/dist/cjs/{cssMode-3e6f7824.js → cssMode-cf3fef03.js}

@@ -1,12 +1,12 @@
 /*!
  * 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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
-const sqlExprDefaults = require('./sql-expr-defaults-abca6c0e.js');
-require('./index-16caf224.js');
+const sqlExprDefaults = require('./sql-expr-defaults-8da1e20e.js');
+require('./index-05ceca06.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{html-d74edc5e.js → html-2da332c6.js}

@@ -1,12 +1,12 @@
 /*!
  * 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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
-const sqlExprDefaults = require('./sql-expr-defaults-abca6c0e.js');
-require('./index-16caf224.js');
+const sqlExprDefaults = require('./sql-expr-defaults-8da1e20e.js');
+require('./index-05ceca06.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{htmlMode-55fb85d1.js → htmlMode-816efb27.js}

@@ -1,12 +1,12 @@
 /*!
  * 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.77
+ * v4.31.0-next.79
  */
 'use strict';
 
-const sqlExprDefaults = require('./sql-expr-defaults-abca6c0e.js');
-require('./index-16caf224.js');
+const sqlExprDefaults = require('./sql-expr-defaults-8da1e20e.js');
+require('./index-05ceca06.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{index-16caf224.js → index-05ceca06.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.77
+ * v4.31.0-next.79
  */
 'use strict';