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

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.100
  */
-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-8e6962cc.js';
+export { s as setNonce } from './index-8e6962cc.js';
+import { g as globalScripts } from './app-globals-b21bcc49.js';
 
 /*
- Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.0 | 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-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]},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],"sideActionBarExpanded":[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);
 });

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

@@ -0,0 +1,123 @@
+/*!
+ * 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.100
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8e6962cc.js';
+import { u as useControllerManager, a as useT9n } from './useT9n-f4687877.js';
+import { l as generateGuid, x as sqlExprDefaults } from './sql-expr-defaults-324e2199.js';
+
+const sqlExpressionEditorCss = "arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border);box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);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:var(--arcgis-coding-components-border);box-sizing:border-box}arcgis-sql-expression-editor .border-inline-end{border-inline-end:var(--arcgis-coding-components-border);box-sizing:border-box}arcgis-sql-expression-editor .side-action-bar{max-width:var(--arcgis-coding-components-side-action-bar-max-w)}arcgis-sql-expression-editor .side-panel{max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w)}arcgis-sql-expression-editor .side-panel calcite-flow{height:100%}";
+const ArcgisSqlExpressionEditorStyle0 = sqlExpressionEditorCss;
+
+const SqlExpressionEditor = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.arcgisScriptChange = createEvent(this, "arcgisScriptChange", 3);
+        this.manager = useControllerManager(this);
+        // #endregion
+        // #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);
+        };
+        this._onCodeEditorValueChange = (e) => {
+            e.stopPropagation();
+            this.script = e.detail;
+            this.arcgisScriptChange.emit(e.detail);
+        };
+        this._toggleSideActionBarExpanded = () => {
+            this.sideActionBarExpanded = !this.sideActionBarExpanded;
+        };
+        this._preparing = false;
+        this._editorProfile = undefined;
+        this._activeAction = undefined;
+        this._apiLibrary = undefined;
+        this.sideActionBarExpanded = false;
+        this.messages = useT9n();
+        this.profile = undefined;
+        this.script = "";
+    }
+    async _messagesChanged() {
+        await this._updateEditorProfile();
+        await this._updateApiLibrary();
+    }
+    async _profileChanged() {
+        await this._updateEditorProfile();
+        await this._updateApiLibrary();
+    }
+    // #endregion
+    // #region Private methods API
+    async _updateEditorProfile() {
+        this._preparing = true;
+        try {
+            await sqlExprDefaults.setProfileForModel(this._modelId, this.profile);
+            this._editorProfile = sqlExprDefaults.getEditorProfileForModel(this._modelId);
+        }
+        catch {
+            this._editorProfile = undefined;
+        }
+        finally {
+            this._preparing = false;
+        }
+    }
+    _setActiveAction(action) {
+        // if the action is already active, close the panel
+        if (this._activeAction === action) {
+            this._activeAction = undefined;
+            return;
+        }
+        this._activeAction = action;
+    }
+    _handleActionClick(e) {
+        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() {
+        await this._updateEditorProfile().catch(console.error);
+        // The profile has to be refreshed on locale change
+        // this.manager.watch("messages", () => void this._updateEditorProfile().catch(console.error));
+    }
+    async componentDidLoad() {
+        // We do updateApiLibrary in componentDidLoad because we need to wait until code editor
+        // is rendered for worker to register and allow for fetching the sdk
+        await this._updateApiLibrary();
+    }
+    // #endregion
+    render() {
+        const variable = this._getFeatureSetVariable();
+        return (h(Host, { key: '7045de8598251dd6984000e7b29954e061c026d1' }, h("div", { key: 'be7bdc3c1f67698806cb82340db7298ea4a587c8', class: "flex-row flex-adjustable" }, h("div", { key: 'fd8fc820e4936b92e56b5d6391645d0bbd9f25ec', class: "flex-column flex-adjustable" }, h("arcgis-code-editor", { key: '1f99b35c123aa46d06533d3bd6435e771efc0a74', 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: '0670d6ac75b6139db6d941ac277bf273ce6bae1b', 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: '2439b8611bed242bfe15435ee8ca7705561a3819', 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", hideDocumentationActions: true })), h("calcite-action-bar", { key: '7596963e07e7b2e1a02f5f9818078ff485b48d48', class: "side-action-bar border-inline-start", expanded: this.sideActionBarExpanded, position: "end", onCalciteActionBarToggle: this._toggleSideActionBarExpanded }, h("calcite-action", { key: '4838d3f894e2a718a42896c335c70fb08fc65f18', 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) }), !this.sideActionBarExpanded && (h("calcite-tooltip", { key: '09b5f61900753504dbf2c9adf6e0d92f00ebb81e', "reference-element": "fields-action" }, h("span", { key: 'fe19f406a90c8a5fb1904aee382d09e9c02c747b' }, this.messages.fields ?? "Fields"))), h("calcite-action", { key: '74ee905a61962bd87661a6a7ea1e0b0fda509b2f', id: "functions-action", text: this.messages.functions ?? "Functions", icon: "function", active: this._activeAction === "functions", "data-panel-name": "functions", onClick: (e) => this._handleActionClick(e) }), !this.sideActionBarExpanded && (h("calcite-tooltip", { key: 'a83c4265bc3ff134981b734cc33f68e82c2f33fa', "reference-element": "functions-action" }, h("span", { key: '8a7dbde7774ce4ee07580fdee2f6a8a074763a27' }, this.messages.functions ?? "Functions")))))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "messages": ["_messagesChanged"],
+        "profile": ["_profileChanged"]
+    }; }
+};
+SqlExpressionEditor.style = ArcgisSqlExpressionEditorStyle0;
+
+export { SqlExpressionEditor as arcgis_sql_expression_editor };

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

@@ -0,0 +1,82 @@
+/*!
+ * 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.100
+ */
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8e6962cc.js';
+import { u as useControllerManager, a as useT9n } from './useT9n-f4687877.js';
+import { x as sqlExprDefaults } from './sql-expr-defaults-324e2199.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);
+        this.messages = useT9n();
+        // #endregion
+        // #region Private Methods
+        this._handleSelectField = (event) => {
+            if (event.target instanceof HTMLElement) {
+                const tagName = event.target.tagName;
+                switch (tagName.toLowerCase()) {
+                    case "calcite-list-item": {
+                        const value = event.target.value;
+                        this.arcgisFieldSelected.emit(value ?? "");
+                        break;
+                    }
+                    case "calcite-action":
+                        event.stopPropagation();
+                        break;
+                }
+            }
+        };
+        this._handleSelectDomain = (event) => {
+            const value = event.target.value;
+            this.arcgisFieldSelected.emit(value ? `'${value}'` : "");
+        };
+        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: this.messages.availablefields ?? "" });
+        }
+        return (h("calcite-flow", null, h("calcite-flow-item", { heading: this.messages.availablefields ?? "", closable: true, 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: this.messages.domainvalues ?? "", description: field.name, onCalciteFlowItemClose: this._emitClose }, h("calcite-list", null, domain.codedValues.map((value) => (h("calcite-list-item", { key: value.code, onClick: this._handleSelectDomain, label: value.name, description: String(value.code), value: String(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-6c7e70f9.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.100
  */
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{cssMode-8758c994.js → cssMode-46bb8d53.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.0
+ * v4.31.0-next.100
  */
-import { C as monaco_editor_core_star } from './arcade-defaults-ef553659.js';
-import './index-7be467d0.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-324e2199.js';
+import './index-8e6962cc.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{html-c2757f30.js → html-6b81f908.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.0
+ * v4.31.0-next.100
  */
-import { C as monaco_editor_core_star } from './arcade-defaults-ef553659.js';
-import './index-7be467d0.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-324e2199.js';
+import './index-8e6962cc.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{htmlMode-64bfdd08.js → htmlMode-b25e0941.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.0
+ * v4.31.0-next.100
  */
-import { C as monaco_editor_core_star } from './arcade-defaults-ef553659.js';
-import './index-7be467d0.js';
+import { O as monaco_editor_core_star } from './sql-expr-defaults-324e2199.js';
+import './index-8e6962cc.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.