@arcgis/coding-components 4.31.0-next.0 → 4.31.0-next.11

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

@@ -1,23 +1,25 @@
 /*!
  * 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.0
+ * v4.31.0-next.11
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-7be467d0.js';
-export { s as setNonce } from './index-7be467d0.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-38d652b8.js';
+export { s as setNonce } from './index-38d652b8.js';
+import { g as globalScripts } from './app-globals-a48930ca.js';
 
 /*
- Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.17.1 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
-  return bootstrapLazy([["arcgis-arcade-api_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],"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-api",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}],[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"]}]]]], options);
+patchBrowser().then(async (options) => {
+  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]}]]],["arcgis-sql-expression-editor",[[0,"arcgis-sql-expression-editor",{"profile":[16],"_preparing":[32],"_editorProfile":[32],"_activeAction":[32],"_apiLibrary":[32]},null,{"profile":["_profileChanged"]}]]]], options);
 });

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

@@ -0,0 +1,77 @@
+/*!
+ * 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.11
+ */
+import { r as registerInstance, h, H as Host, a as getElement } from './index-38d652b8.js';
+import { u as useControllerManager, s as sqlExprDefaults } from './sql-expr-defaults-54db53a8.js';
+import { o as generateGuid } from './language-defaults-base-77487def.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) {
+        registerInstance(this, hostRef);
+        this.manager = useControllerManager(this);
+        // #endregion
+        // #region Private properties
+        this._modelId = 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.setProfileForModel(this._modelId, this.profile);
+            this._apiLibrary = await 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.disposeForModel(this._modelId);
+    }
+    // #endregion
+    render() {
+        return (h(Host, { key: '67f7ebf7a28a8ffc3fe967721389d45c4e2003a1' }, h("div", { key: 'b3bf4ec2a8d04105e97489593ccec95cd33237f0', class: "flex-row flex-adjustable" }, h("div", { key: 'fdac47e22baf64c72f786f9e09b637050f417f94', class: "flex-column flex-adjustable" }, h("arcgis-code-editor", { key: 'f4151dd39ec3523907cd907ebb7558e05bca9cc1', language: "arcgis-sql-expression", modelId: this._modelId, ref: (e) => (this._codeEditorElt = e) })), this._activeAction === "fields" && (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" && (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" })), h("calcite-action-bar", { key: 'ee618d666b70405495627a9d15238e8723c6f961', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, 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) }), 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 getElement(this); }
+    static get watchers() { return {
+        "profile": ["_profileChanged"]
+    }; }
+};
+SqlExpressionEditor.style = ArcgisSqlExpressionEditorStyle0;
+
+export { SqlExpressionEditor as arcgis_sql_expression_editor };

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

@@ -0,0 +1,76 @@
+/*!
+ * 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.11
+ */
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-38d652b8.js';
+import { u as useControllerManager, s as sqlExprDefaults } from './sql-expr-defaults-54db53a8.js';
+import './language-defaults-base-77487def.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) {
+        registerInstance(this, hostRef);
+        this.arcgisClose = createEvent(this, "arcgisClose", 3);
+        this.arcgisFieldSelected = createEvent(this, "arcgisFieldSelected", 3);
+        this.manager = 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.getFeatureLayerForModel(this.modelId ?? "");
+        if (this.loading || !this.modelId || !layer) {
+            return h("calcite-block", { heading: "Available Fields" });
+        }
+        return (h("calcite-flow", null, h("calcite-flow-item", { heading: "Available Fields", closable: true, description: "Select a field to insert into the expression", onCalciteFlowItemClose: this._emitClose }, h("calcite-list", { filterEnabled: true }, layer.fields.map((field) => (h("calcite-list-item", { key: field.name, onClick: this._handleSelectField, label: field.name, description: field.alias, value: field.name }, field.domain && (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,
+                        () => (h("calcite-flow-item", { closable: true, heading: "Domains", description: field.name, onCalciteFlowItemClose: this._emitClose }, h("calcite-list", null, domain.codedValues.map((value) => (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 getElement(this); }
+    static get watchers() { return {
+        "modelId": ["modelIdPropChanged"]
+    }; }
+};
+SqlExpressionFields.style = ArcgisSqlExpressionFieldsStyle0;
+
+export { SqlExpressionFields as arcgis_sql_expression_fields };

package/dist/esm/{css-34fa13c1.js → css-4f85f426.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.0
+ * v4.31.0-next.11
  */
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{cssMode-8758c994.js → cssMode-d655f1b9.js}

@@ -1,10 +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.0
+ * v4.31.0-next.11
  */
-import { C as monaco_editor_core_star } from './arcade-defaults-ef553659.js';
-import './index-7be467d0.js';
+import { M as monaco_editor_core_star } from './language-defaults-base-77487def.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{html-c2757f30.js → html-dd1552df.js}

@@ -1,10 +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.0
+ * v4.31.0-next.11
  */
-import { C as monaco_editor_core_star } from './arcade-defaults-ef553659.js';
-import './index-7be467d0.js';
+import { M as monaco_editor_core_star } from './language-defaults-base-77487def.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{htmlMode-64bfdd08.js → htmlMode-0b7c2367.js}

@@ -1,10 +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.0
+ * v4.31.0-next.11
  */
-import { C as monaco_editor_core_star } from './arcade-defaults-ef553659.js';
-import './index-7be467d0.js';
+import { M as monaco_editor_core_star } from './language-defaults-base-77487def.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.