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

package/dist/components/arcgis-language-api-panel.js

@@ -0,0 +1,11 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.3
+ */
+import { A as ArcgisLanguageApiPanel$1, d as defineCustomElement$1 } from './language-api-panel.js';
+
+const ArcgisLanguageApiPanel = ArcgisLanguageApiPanel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisLanguageApiPanel, defineCustomElement };

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

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisSqlExpressionEditor extends Components.ArcgisSqlExpressionEditor, HTMLElement {}
+export const ArcgisSqlExpressionEditor: {
+    prototype: ArcgisSqlExpressionEditor;
+    new (): ArcgisSqlExpressionEditor;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-sql-expression-editor.js

@@ -0,0 +1,120 @@
+/*!
+ * 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.3
+ */
+import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { u as useControllerManager } from './chunk-6TARY3NN.js';
+import { g as generateGuid } from './index2.js';
+import { s as sqlExprDefaults } from './sql-expr-defaults.js';
+import { d as defineCustomElement$4 } from './code-editor.js';
+import { d as defineCustomElement$3 } from './language-api-panel.js';
+import { d as defineCustomElement$2 } from './sql-expression-fields.js';
+import "@esri/calcite-components/dist/components/calcite-action-bar.js";
+import "@esri/calcite-components/dist/components/calcite-action.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 __cmpMeta = [0,"arcgis-sql-expression-editor",{"profile":[1040],"_preparing":[32],"_editorProfile":[32],"_activeAction":[32],"_apiLibrary":[32]},undefined,{"profile":["_profileChanged"]}];
+const SqlExpressionEditor = /*@__PURE__*/ proxyCustomElement(class SqlExpressionEditor extends HTMLElement {
+    connectedCallback() { this.manager._connectedCallback(); }
+    constructor() {
+        super();
+        this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
+        this.manager = useControllerManager(this,forceUpdate);
+        // #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() {
+        this.manager._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 this; }
+    static get watchers() { return {
+        "profile": ["_profileChanged"]
+    }; }
+    static get style() { return ArcgisSqlExpressionEditorStyle0; }
+}, __cmpMeta);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-sql-expression-editor", "arcgis-code-editor", "arcgis-language-api-panel", "arcgis-sql-expression-fields"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-sql-expression-editor":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SqlExpressionEditor);
+            }
+            break;
+        case "arcgis-code-editor":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "arcgis-language-api-panel":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "arcgis-sql-expression-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ArcgisSqlExpressionEditor = SqlExpressionEditor;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisSqlExpressionEditor, defineCustomElement };

package/dist/components/arcgis-sql-expression-fields.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisSqlExpressionFields extends Components.ArcgisSqlExpressionFields, HTMLElement {}
+export const ArcgisSqlExpressionFields: {
+    prototype: ArcgisSqlExpressionFields;
+    new (): ArcgisSqlExpressionFields;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-sql-expression-fields.js

@@ -0,0 +1,11 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.3
+ */
+import { S as SqlExpressionFields, d as defineCustomElement$1 } from './sql-expression-fields.js';
+
+const ArcgisSqlExpressionFields = SqlExpressionFields;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisSqlExpressionFields, defineCustomElement };