@arcgis/coding-components 4.31.0-next.2 → 4.31.0-next.4

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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b34238a6.js');
-const appGlobals = require('./app-globals-aee5f4b5.js');
+const index = require('./index-8b891c40.js');
+const appGlobals = require('./app-globals-209c2310.js');
 
 /*
  Stencil Client Patch Browser v4.17.1 | MIT Licensed | https://stenciljs.com
@@ -24,7 +24,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  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],"messages":[32],"_preparingProfile":[32],"_editorProfile":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"updateThemeColors":[64]},null,{"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"],"options":[16],"editorInstance":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}],[1,"arcgis-language-api-panel",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"languageDefaults":[16],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}]]]], options);
+  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"],"options":[16],"editorInstance":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}],[1,"arcgis-language-api-panel",{"hideDocumentationActions":[4,"hide-documentation-actions"],"loading":[4],"apiLibrary":[16],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32]}]]],["arcgis-sql-expression-editor.cjs",[[0,"arcgis-sql-expression-editor",{"profile":[16],"_preparing":[32],"_editorProfile":[32],"_activeAction":[32],"_apiLibrary":[32]},null,{"profile":["_profileChanged"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -0,0 +1,81 @@
+/*!
+ * 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.4
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8b891c40.js');
+const sqlExprDefaults = require('./sql-expr-defaults-783d9c24.js');
+const languageDefaultsBase = require('./language-defaults-base-4300e691.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;
+
+const SqlExpressionEditor = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.manager = sqlExprDefaults.useControllerManager(this);
+        // #endregion
+        // #region Private properties
+        this._modelId = languageDefaultsBase.generateGuid();
+        this._insertAsSnippet = (e) => void this._codeEditorElt?.insertSnippet(e.detail).catch(console.error);
+        this._preparing = false;
+        this._editorProfile = undefined;
+        this._activeAction = undefined;
+        this._apiLibrary = undefined;
+        this.profile = undefined;
+    }
+    _profileChanged() {
+        this._updateSqlExprDefaults().catch(console.error);
+    }
+    // #endregion
+    // #region Private methods API
+    async _updateSqlExprDefaults() {
+        this._preparing = true;
+        try {
+            await sqlExprDefaults.sqlExprDefaults.setProfileForModel(this._modelId, this.profile);
+            this._apiLibrary = await sqlExprDefaults.sqlExprDefaults.getApiLibrary(this._modelId);
+        }
+        catch {
+            this._editorProfile = undefined;
+        }
+        finally {
+            // this._editorProfilePromise = Promise.resolve(this._editorProfile);
+            this._preparing = false;
+        }
+    }
+    _setActiveAction(action) {
+        this._activeAction = action;
+    }
+    _handleActionClick(e) {
+        const action = e.target;
+        this._setActiveAction(action.dataset.panelName);
+    }
+    // #endregion
+    // #region Component lifecycle events
+    async componentWillLoad() {
+        await this._updateSqlExprDefaults().catch(console.error);
+        // The profile has to be refreshed on locale change
+        // this.manager.watch("messages", () => void this._updateEditorProfile().catch(console.error));
+    }
+    disconnectedCallback() {
+        sqlExprDefaults.sqlExprDefaults.disposeForModel(this._modelId);
+    }
+    // #endregion
+    render() {
+        return (index.h(index.Host, { key: '67f7ebf7a28a8ffc3fe967721389d45c4e2003a1' }, index.h("div", { key: 'b3bf4ec2a8d04105e97489593ccec95cd33237f0', class: "flex-row flex-adjustable" }, index.h("div", { key: 'fdac47e22baf64c72f786f9e09b637050f417f94', class: "flex-column flex-adjustable" }, index.h("arcgis-code-editor", { key: 'f4151dd39ec3523907cd907ebb7558e05bca9cc1', language: "arcgis-sql-expression", modelId: this._modelId, ref: (e) => (this._codeEditorElt = e) })), this._activeAction === "fields" && (index.h("arcgis-sql-expression-fields", { key: 'aa0e5d88429d4bf865b9adc506028efefec1a73a', 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: '7826dbb1b08894c6c6385806a3aef6cff77395d0', 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: 'ee618d666b70405495627a9d15238e8723c6f961', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, index.h("calcite-action", { key: '2c828df5dded6347e13e59ba9e313824baa606ff', id: "fields-action", text: "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: 'eab785c5b14cadeb5047db1957134f5accfedc76', id: "functions-action", text: "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); }
+    static get watchers() { return {
+        "profile": ["_profileChanged"]
+    }; }
+};
+SqlExpressionEditor.style = ArcgisSqlExpressionEditorStyle0;
+
+exports.arcgis_sql_expression_editor = SqlExpressionEditor;

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

@@ -0,0 +1,80 @@
+/*!
+ * 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.4
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8b891c40.js');
+const sqlExprDefaults = require('./sql-expr-defaults-783d9c24.js');
+require('./language-defaults-base-4300e691.js');
+
+const sqlExpressionFieldsCss = ":host calcite-flow{height:100%}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
+const ArcgisSqlExpressionFieldsStyle0 = sqlExpressionFieldsCss;
+
+const SqlExpressionFields = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.arcgisClose = index.createEvent(this, "arcgisClose", 3);
+        this.arcgisFieldSelected = index.createEvent(this, "arcgisFieldSelected", 3);
+        this.manager = sqlExprDefaults.useControllerManager(this);
+        // #endregion
+        // #region Private Methods
+        this._handleSelectField = (event) => {
+            if (event.target instanceof HTMLElement) {
+                const tagName = event.target.tagName;
+                switch (tagName.toLowerCase()) {
+                    case "calcite-list-item":
+                        // TODO: why is value missing from HTMLCalciteListElement type?
+                        this.arcgisFieldSelected.emit(event.target.value ?? "");
+                        break;
+                    case "calcite-action":
+                        event.stopPropagation();
+                        break;
+                }
+            }
+        };
+        this._emitClose = () => {
+            this.arcgisClose.emit();
+        };
+        this._mutationCounter = 1;
+        this._flowItemRenderers = [];
+        this._filterValue = "";
+        this.loading = false;
+        this.modelId = undefined;
+    }
+    modelIdPropChanged() {
+        this._flowItemRenderers = [];
+    }
+    // #endregion
+    // #region Lifecycle
+    disconnectedCallback() {
+        this._flowObserver?.disconnect();
+    }
+    // #endregion
+    render() {
+        const layer = sqlExprDefaults.sqlExprDefaults.getFeatureLayerForModel(this.modelId ?? "");
+        if (this.loading || !this.modelId || !layer) {
+            return index.h("calcite-block", { heading: "Available Fields" });
+        }
+        return (index.h("calcite-flow", null, index.h("calcite-flow-item", { heading: "Available Fields", closable: true, description: "Select a field to insert into the expression", onCalciteFlowItemClose: this._emitClose }, index.h("calcite-list", { filterEnabled: true }, layer.fields.map((field) => (index.h("calcite-list-item", { key: field.name, onClick: this._handleSelectField, label: field.name, description: field.alias, value: field.name }, field.domain && (index.h("calcite-action", { slot: "actions-end", text: "open", icon: "chevron-right", onClick: () => {
+                const domain = field.domain;
+                if (domain.type === "coded-value") {
+                    this._flowItemRenderers = [
+                        ...this._flowItemRenderers,
+                        () => (index.h("calcite-flow-item", { closable: true, heading: "Domains", description: field.name, onCalciteFlowItemClose: this._emitClose }, index.h("calcite-list", null, domain.codedValues.map((value) => (index.h("calcite-list-item", { key: value.code, onClick: this._handleSelectField, label: value.name, description: String(value.code), value: value.code })))))),
+                    ];
+                }
+            } }))))))), this._flowItemRenderers.map((renderer) => renderer())));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "modelId": ["modelIdPropChanged"]
+    }; }
+};
+SqlExpressionFields.style = ArcgisSqlExpressionFieldsStyle0;
+
+exports.arcgis_sql_expression_fields = SqlExpressionFields;

package/dist/cjs/{css-7cc05f76.js → css-bbd000cd.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.2
+ * v4.31.0-next.4
  */
 'use strict';
 

package/dist/cjs/{cssMode-2b0daeae.js → cssMode-ad163e66.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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-a8d8f8e2.js');
-require('./index-b34238a6.js');
+const languageDefaultsBase = require('./language-defaults-base-4300e691.js');
+require('./index-8b891c40.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -31,7 +31,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 
 // src/fillers/monaco-editor-core.ts
 var monaco_editor_core_exports = {};
-__reExport(monaco_editor_core_exports, arcadeDefaults.monaco_editor_core_star);
+__reExport(monaco_editor_core_exports, languageDefaultsBase.monaco_editor_core_star);
 
 // src/language/css/workerManager.ts
 var STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;

package/dist/cjs/{html-f56911e1.js → html-5c67b9d0.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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-a8d8f8e2.js');
-require('./index-b34238a6.js');
+const languageDefaultsBase = require('./language-defaults-base-4300e691.js');
+require('./index-8b891c40.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -31,7 +31,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 
 // src/fillers/monaco-editor-core.ts
 var monaco_editor_core_exports = {};
-__reExport(monaco_editor_core_exports, arcadeDefaults.monaco_editor_core_star);
+__reExport(monaco_editor_core_exports, languageDefaultsBase.monaco_editor_core_star);
 
 // src/basic-languages/html/html.ts
 var EMPTY_ELEMENTS = [

package/dist/cjs/{htmlMode-43eed674.js → htmlMode-e32a97bd.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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-a8d8f8e2.js');
-require('./index-b34238a6.js');
+const languageDefaultsBase = require('./language-defaults-base-4300e691.js');
+require('./index-8b891c40.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -31,7 +31,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 
 // src/fillers/monaco-editor-core.ts
 var monaco_editor_core_exports = {};
-__reExport(monaco_editor_core_exports, arcadeDefaults.monaco_editor_core_star);
+__reExport(monaco_editor_core_exports, languageDefaultsBase.monaco_editor_core_star);
 
 // src/language/html/workerManager.ts
 var STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;

package/dist/cjs/{index-b34238a6.js → index-8b891c40.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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
@@ -1217,6 +1217,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './arcgis-arcade-editor_6.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'arcgis-sql-expression-editor.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './arcgis-sql-expression-editor.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'arcgis-sql-expression-fields.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './arcgis-sql-expression-fields.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(

package/dist/cjs/index.cjs.js

@@ -1,14 +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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const arcadeDefaults = require('./arcade-defaults-a8d8f8e2.js');
-require('./index-b34238a6.js');
+const arcadeDefaults = require('./arcade-defaults-ee308e3a.js');
+require('./language-defaults-base-4300e691.js');
+require('./index-8b891c40.js');
 
 
 

package/dist/cjs/{javascript-5115cb76.js → javascript-e159fa2f.js}

@@ -1,13 +1,13 @@
 /*!
  * 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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
-const typescript = require('./typescript-b395242f.js');
-require('./arcade-defaults-a8d8f8e2.js');
-require('./index-b34238a6.js');
+const typescript = require('./typescript-f6ca5d84.js');
+require('./language-defaults-base-4300e691.js');
+require('./index-8b891c40.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{jsonMode-550dda36.js → jsonMode-5c107443.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.2
+ * v4.31.0-next.4
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-a8d8f8e2.js');
-require('./index-b34238a6.js');
+const languageDefaultsBase = require('./language-defaults-base-4300e691.js');
+require('./index-8b891c40.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -31,7 +31,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 
 // src/fillers/monaco-editor-core.ts
 var monaco_editor_core_exports = {};
-__reExport(monaco_editor_core_exports, arcadeDefaults.monaco_editor_core_star);
+__reExport(monaco_editor_core_exports, languageDefaultsBase.monaco_editor_core_star);
 
 // src/language/json/workerManager.ts
 var STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;