@arcgis/coding-components 4.31.0-next.53 → 4.31.0-next.55

package/dist/components/arcade-suggestions.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.53
+ * v4.31.0-next.55
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, a as colorizeCodeElement } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
-import { u as useControllerManager } from './chunk-BMBYH3VH.js';
+import { u as useControllerManager } from './chunk-W77CUVCX.js';
 import { r as setFocusOnElement } from './index2.js';
 import { u as useT9n } from './useT9n.js';
 import "@esri/calcite-components/dist/components/calcite-list-item-group.js";

package/dist/components/arcade-variables.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.53
+ * v4.31.0-next.55
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h } from '@stencil/core/internal/client';
-import { u as useControllerManager } from './chunk-BMBYH3VH.js';
+import { u as useControllerManager } from './chunk-W77CUVCX.js';
 import { r as setFocusOnElement, d as createFilterExpression } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import { u as useT9n } from './useT9n.js';

package/dist/components/arcgis-arcade-editor.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.53
+ * v4.31.0-next.55
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Fragment, Host } from '@stencil/core/internal/client';
 import { KeyCode } from 'monaco-editor';
 import { d as defineCustomElement$6, e as executeScript, D as DevelopersWebSitePath } from './arcade-results.js';
 import { d as defineCustomElement$3, u as updateThemeColors, c as colorRulesKeys, s as setupMonacoEnvironment } from './code-editor.js';
-import { u as useControllerManager, g as getSet } from './chunk-BMBYH3VH.js';
+import { u as useControllerManager, g as getSet } from './chunk-W77CUVCX.js';
 import { D as Deferred, g as generateGuid, e as getElementTheme } from './index2.js';
 import { b as arcadeDefaults, g as getArcadeDiagnosticService } from './arcade-defaults.js';
 import { u as useT9n } from './useT9n.js';
@@ -108,11 +108,13 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
             set: "ignore",
         });
     }
-    _messagesChanged() {
-        this._updateArcadeDefaults().catch(console.error);
+    async _messagesChanged() {
+        await this._updateEditorProfile().catch(console.error);
+        await this._updateApiLibrary().catch(console.error);
     }
-    _profileChanged() {
-        this._updateArcadeDefaults().catch(console.error);
+    async _profileChanged() {
+        await this._updateEditorProfile().catch(console.error);
+        await this._updateApiLibrary().catch(console.error);
     }
     _testDataChanged() {
         if (!this._showExecutionPanel) {
@@ -194,12 +196,15 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         // However, we need to setup the environment before the code editor is instantiated because
         // we need to access the arcade language service to get the api library.
         setupMonacoEnvironment(assetsPath);
-        await this._updateArcadeDefaults();
+        await this._updateEditorProfile();
     }
     async componentDidLoad() {
         // Mark on component as ready.
         // Some methods are waiting for this state to actually continue.
         this._componentReadyDefer.resolve();
+        // 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();
         // Start listening to the validation diagnostics.
         // We are doing this as late as possible
         const diagnosticsService = await getArcadeDiagnosticService();
@@ -229,7 +234,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     }
     // #endregion
     // #region Private methods API
-    async _updateArcadeDefaults() {
+    async _updateEditorProfile() {
         // The profile definition or the locale has changed.
         // Ask the arcade defaults to prepare the profile for the model and to download the api library.
         this._preparingArcade = true;
@@ -239,7 +244,6 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
                 snippets: this.snippets,
             });
             this._editorProfile = arcadeDefaults.getEditorProfileForModel(this._modelId);
-            this._apiLibrary = await arcadeDefaults.getApiLibrary(this._modelId);
         }
         catch {
             this._editorProfile = undefined;
@@ -249,6 +253,9 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
             this._preparingArcade = false;
         }
     }
+    async _updateApiLibrary() {
+        this._apiLibrary = await arcadeDefaults.getApiLibrary(this._modelId);
+    }
     // #endregion
     //#region Render Main Action Bar
     renderMainActionBar() {
@@ -331,7 +338,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     //#endregion
     //#region Render
     render() {
-        return (h(Host, { key: 'f8a7e9cb7620c72586fc06dba017a44b63330198' }, this.renderMainActionBar(), h("div", { key: '086f52ceaa74266a8bcd28833ae526f73537a165', class: "flex-row flex-adjustable" }, h("div", { key: 'fa33e21b52d41b7c01a504eb85a229714b8c0556', class: "flex-column flex-adjustable" }, this.renderMainPanel(), this.renderResultsPanel()), this.renderSidePanel(), this.renderSideActionBar())));
+        return (h(Host, { key: '0d94f0940e22ebdf09ce14dac1f29ff6d0cda848' }, this.renderMainActionBar(), h("div", { key: 'cf41e32ee268570fc70204de9885f351bf2f0f6e', class: "flex-row flex-adjustable" }, h("div", { key: 'd2dd6c0e068baa18aa057b53b31b5ee552de97bc', class: "flex-column flex-adjustable" }, this.renderMainPanel(), this.renderResultsPanel()), this.renderSidePanel(), this.renderSideActionBar())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/arcgis-arcade-results.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.53
+ * v4.31.0-next.55
  */
 import { A as ArcgisArcadeResults$1, d as defineCustomElement$1 } from './arcade-results.js';
 

package/dist/components/arcgis-arcade-suggestions.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.53
+ * v4.31.0-next.55
  */
 import { A as ArcgisArcadeSuggestions$1, d as defineCustomElement$1 } from './arcade-suggestions.js';
 

package/dist/components/arcgis-arcade-variables.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.53
+ * v4.31.0-next.55
  */
 import { A as ArcgisArcadeVariables$1, d as defineCustomElement$1 } from './arcade-variables.js';
 

package/dist/components/arcgis-assets.d.ts

@@ -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.53
+ * v4.31.0-next.55
  */
 
 /**

package/dist/components/arcgis-assets.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.53
+ * v4.31.0-next.55
  */
 let resourceUrl = "https://js.arcgis.com/coding-components/next/";
 

package/dist/components/arcgis-code-editor.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.53
+ * v4.31.0-next.55
  */
 import { A as ArcgisCodeEditor$1, d as defineCustomElement$1 } from './code-editor.js';
 

package/dist/components/arcgis-language-api-panel.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.53
+ * v4.31.0-next.55
  */
 import { A as ArcgisLanguageApiPanel$1, d as defineCustomElement$1 } from './language-api-panel.js';
 

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

@@ -1,12 +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.53
+ * v4.31.0-next.55
  */
-import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { u as useControllerManager } from './chunk-BMBYH3VH.js';
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { u as useControllerManager } from './chunk-W77CUVCX.js';
 import { g as generateGuid } from './index2.js';
 import { s as sqlExprDefaults } from './sql-expr-defaults.js';
+import { u as useT9n } from './useT9n.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';
@@ -16,34 +17,49 @@ 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 __cmpMeta = [0,"arcgis-sql-expression-editor",{"profile":[1040],"script":[1025],"_preparing":[32],"_editorProfile":[32],"_activeAction":[32],"_apiLibrary":[32],"messages":[32]},undefined,{"messages":["_messagesChanged"],"profile":["_profileChanged"]}];
 const SqlExpressionEditor = /*@__PURE__*/ proxyCustomElement(class SqlExpressionEditor extends HTMLElement {
     connectedCallback() { this.manager._connectedCallback(); }
     constructor() {
         super();
         this.__registerHost();
 this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
+        this.arcgisScriptChange = createEvent(this, "arcgisScriptChange", 3);
         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._updateApiLibrary = async () => {
+            this._apiLibrary = await sqlExprDefaults.getApiLibrary(this._modelId);
+        };
+        this._onCodeEditorValueChange = (e) => {
+            e.stopPropagation();
+            this.script = e.detail;
+            this.arcgisScriptChange.emit(e.detail);
+        };
         this._preparing = false;
         this._editorProfile = undefined;
         this._activeAction = undefined;
         this._apiLibrary = undefined;
+        this.messages = useT9n();
         this.profile = undefined;
+        this.script = "";
+    }
+    async _messagesChanged() {
+        await this._updateEditorProfile().catch(console.error);
+        await this._updateApiLibrary().catch(console.error);
     }
-    _profileChanged() {
-        this._updateSqlExprDefaults().catch(console.error);
+    async _profileChanged() {
+        await this._updateEditorProfile().catch(console.error);
+        await this._updateApiLibrary().catch(console.error);
     }
     // #endregion
     // #region Private methods API
-    async _updateSqlExprDefaults() {
+    async _updateEditorProfile() {
         this._preparing = true;
         try {
             await sqlExprDefaults.setProfileForModel(this._modelId, this.profile);
-            this._apiLibrary = await sqlExprDefaults.getApiLibrary(this._modelId);
         }
         catch {
             this._editorProfile = undefined;
@@ -63,23 +79,29 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     // #endregion
     // #region Component lifecycle events
     async componentWillLoad() {
-        await this._updateSqlExprDefaults().catch(console.error);
+        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();
+    }
     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",
+        return (h(Host, { key: '63348b6e3e5aa7544203c5ec7270db7827c6f3ed' }, h("div", { key: '203ed656208717c877c540ed5c49fc12338d6b15', class: "flex-row flex-adjustable" }, h("div", { key: '4dfe400bbc9ab74ef86c4115ceeabbcb41913427', class: "flex-column flex-adjustable" }, h("arcgis-code-editor", { key: 'dfc9e247b39d2d9901ac911e147d993897809954', language: "arcgis-sql-expression", modelId: this._modelId, ref: (e) => (this._codeEditorElt = e), value: this.script ?? "", onArcgisValueChange: this._onCodeEditorValueChange })), this._activeAction === "fields" && (h("arcgis-sql-expression-fields", { key: 'b5a5516264aae278f3feec00a5e20e2d0855024d', 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: '6da236e289e8bcdadc27cadece6e1fb34c55b1da', 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: '91549ebac7e78165b911e5def1141010032dfa43', class: "side-action-bar border-inline-start", expanded: false, position: "end" }, h("calcite-action", { key: '32211e3b4e8db0530a047ba6c22234d15e504e17', 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) }), 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) })))));
+            onClick: (e) => this._handleActionClick(e) }), h("calcite-action", { key: '3c308d994b45c67df76414580d881a082333d2f8', 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 this; }
     static get watchers() { return {
+        "messages": ["_messagesChanged"],
         "profile": ["_profileChanged"]
     }; }
     static get style() { return ArcgisSqlExpressionEditorStyle0; }

package/dist/components/arcgis-sql-expression-fields.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.53
+ * v4.31.0-next.55
  */
 import { S as SqlExpressionFields, d as defineCustomElement$1 } from './sql-expression-fields.js';
 

package/dist/components/{chunk-BMBYH3VH.js → chunk-W77CUVCX.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.53
+ * v4.31.0-next.55
  */
 import { a as isNotUndefined, D as Deferred, k as safeAsyncCall, l as devToolsAwareTimeout, m as safeCall } from './index2.js';
 
@@ -15,7 +15,7 @@ function retrieveComponentMembers(component, isLit) {
         ([name, descriptor]) => descriptor.noAccessor ? void 0 : [
           name,
           [
-            (descriptor.readOnly ? 2048 /* ReadOnly */ : 0) | (descriptor.state ? 32 /* State */ : descriptor.type === Number ? 2 /* Number */ : descriptor.type === Boolean ? 4 /* Boolean */ : 1 /* String */)
+            (descriptor.readOnly ? 2048 /* ReadOnly */ : 0) | (descriptor.state ? 32 /* State */ : 16 /* Unknown */)
           ]
         ]
       ).filter(isNotUndefined)
@@ -500,14 +500,35 @@ function watch(component, property, callback) {
 var ComponentInternals = class {
   constructor(component) {
     /**
-     * When watchers are set, set then into `allWatchers`. When watchers are read
-     * in the setter, read from `enabledWatchers`.
-     * On connectedCallback(), controller manager does `enabledWatchers=allWatchers`.
-     * Reasoning:
+     * When watchers are set, they are set into `allWatchers`. When watchers are
+     * read in the setter, they are read from `enabledWatchers`.
+     *
+     * In Stencil, on connectedCallback(), controller manager does
+     * `enabledWatchers=allWatchers`. Reasoning:
      * - This disables watchers until connected callback (matches behavior of
      *   Stencil's watchers)
-     * - This removes in the setter to check if watchers were enabled already or
-     *   not (as getters/setters are hot path, and should be streamlined)
+     * - This removes the need for a check in the setter for whether the watchers
+     *   were enabled already or not (as getters/setters are hot path, and should
+     *   be streamlined)
+     *
+     * In Lit, we set enabledWatchers to allWatchers in the constructor.
+     * Reasoning:
+     * - While in Stencil all user provided properties are either set before the
+     *   component constructor (this is possible since Stencil's props store is
+     *   externalized) or after connectedCallback, in Lit the properties may be
+     *   set by attributeChangedCallback before connectedCallback. Thus, we need
+     *   to enable watchers even before connectedCallback.
+     * - This means, that a watcher set for some prop before your component got
+     *   a chance to set the default value will trigger the watcher when the
+     *   default value is set - but, that is inline with Lit's willUpdate behavior
+     *   of triggering for default values AND, the only way to set a watcher
+     *   before default value is if you called watcher inside a controller. For
+     *   now, there are no controllers written outside of arcgis-map-components
+     *   package, so I was able to verify that this change would have no
+     *   negative impact.
+     *
+     * In either way, I plan to remove watchers from controllers once Stencil
+     * support is removed.
      */
     this.enabledWatchers = {};
     this.allWatchers = {};
@@ -635,7 +656,7 @@ var ComponentInternals = class {
       ) : parsePropertyValue(rawNewValue, propType);
       const internals = component2.manager.internals;
       if (newValue === oldValue) {
-        originalSet.call(this, rawNewValue);
+        originalSet.call(this, newValue);
       } else {
         const setters = shouldBypass.setter ? emptyArray : internals.setters[name2] ?? emptyArray;
         for (let i = 0; i < setters.length; i++) {
@@ -696,7 +717,7 @@ var ControllerManager = class extends GenericController {
     const controllers = /* @__PURE__ */ new Set();
     function addController(controller) {
       controllers.add(controller);
-      if (isLit && !(controllerSymbol in controller) && component.el.isConnected) {
+      if (!(controllerSymbol in controller) && component.renderRoot && component.el.isConnected) {
         controller.hostConnected?.();
       }
     }
@@ -723,9 +744,6 @@ var ControllerManager = class extends GenericController {
     this._controllers = controllers;
     this.exports = void 0;
     this.hasDestroy = autoDestroyDisabledPropName in this.component && typeof this.component.destroy === "function";
-    if (this.hasDestroy) {
-      watch(component, autoDestroyDisabledPropName, () => this._setAutoDestroyTimeout());
-    }
     this._bindLifecycleMethods();
     const internals = this.internals;
     Object.keys(internals.members).forEach((name2) => {
@@ -733,7 +751,9 @@ var ControllerManager = class extends GenericController {
       internals.accessorSetter[name2] = defaultGetterSetter;
       internals.getSetProxy(name2);
     });
-    if (!isLit) {
+    if (isLit) {
+      this.internals.enabledWatchers = this.internals.allWatchers;
+    } else {
       Object.defineProperty(component, "updateComplete", {
         get: async () => await this._updatePromise.promise
       });
@@ -750,13 +770,13 @@ var ControllerManager = class extends GenericController {
     const isStencilDistBuild = component.el === component;
     this._originalLifecycles = {
       // These component's callbacks will be called by Lit, so we don't have to
-      connectedCallback: isLit || isStencilDistBuild ? void 0 : component.connectedCallback,
-      disconnectedCallback: isLit || isStencilDistBuild ? void 0 : component.disconnectedCallback,
-      componentWillLoad: isLit ? void 0 : component.componentWillLoad,
-      componentDidLoad: isLit ? void 0 : component.componentDidLoad,
-      componentWillUpdate: isLit ? void 0 : component.componentWillUpdate,
-      componentDidUpdate: isLit ? void 0 : component.componentDidUpdate,
-      destroy: component.destroy
+      _connectedCallback: isLit || isStencilDistBuild ? void 0 : component.connectedCallback,
+      _disconnectedCallback: isLit || isStencilDistBuild ? void 0 : component.disconnectedCallback,
+      _load: isLit ? component.load : component.componentWillLoad,
+      _loaded: isLit ? component.loaded : component.componentDidLoad,
+      _willUpdate: isLit ? void 0 : component.componentWillUpdate,
+      _updated: isLit ? void 0 : component.componentDidUpdate,
+      _destroy: component.destroy
     };
     const hostConnected = this._connectedCallback.bind(this);
     const hostDisconnected = this._disconnectedCallback.bind(this);
@@ -805,7 +825,7 @@ var ControllerManager = class extends GenericController {
     keyTrackResolve();
     internals.enableReadonly?.();
     this._controllers.forEach(callConnected);
-    this._originalLifecycles.connectedCallback?.call(this.component);
+    this._originalLifecycles._connectedCallback?.call(this.component);
   }
   /** @internal */
   _disconnectedCallback() {
@@ -813,7 +833,7 @@ var ControllerManager = class extends GenericController {
       return;
     }
     this._controllers.forEach(callDisconnected);
-    this._originalLifecycles.disconnectedCallback?.call(this.component);
+    this._originalLifecycles._disconnectedCallback?.call(this.component);
     if (this.hasDestroy) {
       this._setAutoDestroyTimeout();
     }
@@ -831,22 +851,25 @@ var ControllerManager = class extends GenericController {
       }
     }
     await Promise.allSettled(Array.from(this._controllers, callLoad, integrations));
-    await this._originalLifecycles.componentWillLoad?.call(this.component);
+    await this._originalLifecycles._load?.call(this.component);
+    if (this.hasDestroy) {
+      watch(this.component, autoDestroyDisabledPropName, () => this._setAutoDestroyTimeout());
+    }
   }
   /** @internal */
   _loaded() {
     this._controllers.forEach(callLoaded);
-    this._originalLifecycles.componentDidLoad?.call(this.component);
+    this._originalLifecycles._loaded?.call(this.component);
   }
   _update() {
     const changedProperties = this.component.changedProperties;
     this._controllers.forEach(callUpdate2, changedProperties);
-    void this._originalLifecycles.componentWillUpdate?.call(this.component);
+    this._originalLifecycles._willUpdate?.call(this.component);
   }
   _updated() {
     const maybeLitComponent = this.component;
     this._controllers.forEach(callUpdated, maybeLitComponent.changedProperties);
-    this._originalLifecycles.componentDidUpdate?.call(this.component);
+    this._originalLifecycles._updated?.call(this.component);
     if (this.isLit) {
       maybeLitComponent.changedProperties = /* @__PURE__ */ new Map();
     } else {
@@ -871,13 +894,13 @@ var ControllerManager = class extends GenericController {
     this.destroyed = true;
     this._controllers.forEach(callDestroy);
     this._controllers.clear();
-    await this._originalLifecycles.destroy?.call(this.component);
+    await this._originalLifecycles._destroy?.call(this.component);
   }
   _setAutoDestroyTimeout() {
+    if (this._autoDestroyTimeout !== void 0) {
+      clearTimeout(this._autoDestroyTimeout);
+    }
     if (!this.component.el.isConnected && !this.component.autoDestroyDisabled) {
-      if (this._autoDestroyTimeout !== void 0) {
-        clearTimeout(this._autoDestroyTimeout);
-      }
       const destroy = () => void this.destroy().catch(console.error);
       {
         this._autoDestroyTimeout = devToolsAwareTimeout(destroy, autoDestroyOnDisconnectTimeout);

package/dist/components/code-editor.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.53
+ * v4.31.0-next.55
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { editor, languages, Range, Uri, KeyMod, KeyCode } from 'monaco-editor';
 import { i as importRequest } from './fields.js';
 import { h as isURL, j as hasSameOrigin, D as Deferred, g as generateGuid, o as observeAncestorsMutation, e as getElementTheme } from './index2.js';
-import { u as useControllerManager, g as getSet } from './chunk-BMBYH3VH.js';
+import { u as useControllerManager, g as getSet } from './chunk-W77CUVCX.js';
 import { b as arcadeDefaults, c as getMode } from './arcade-defaults.js';
 import { s as sqlExprDefaults, g as getMode$1 } from './sql-expr-defaults.js';
 import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
@@ -353,6 +353,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     }
     disconnectedCallback() {
         this.manager._disconnectedCallback();
+        this._editorInstance?.getModel()?.dispose();
         while (this._disposables.length) {
             this._disposables.pop()?.dispose();
         }
@@ -420,7 +421,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     //#endregion
     // #region Rendering
     render() {
-        return h(Host, { key: 'dc46295c6153511a5af31138745f7cb7cc03e1c8' });
+        return h(Host, { key: 'ad62779413690025ea1498106aee049b3c786582' });
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/fields.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.53
+ * v4.31.0-next.55
  */
 // src/index.ts
 var isAMD = typeof window !== "undefined" && "$arcgis" in window && typeof window.$arcgis === "object" && "import" in window.$arcgis && !("forceESM" in window.$arcgis);

package/dist/components/index.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.53
+ * v4.31.0-next.55
  */
 export { setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 export { a as arcade } from './arcade-defaults.js';

package/dist/components/index2.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.53
+ * v4.31.0-next.55
  */
 // src/array-utils.ts
 

package/dist/components/language-api-panel.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.53
+ * v4.31.0-next.55
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, b as colorizedAllCodeElements } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
-import { u as useControllerManager } from './chunk-BMBYH3VH.js';
+import { u as useControllerManager } from './chunk-W77CUVCX.js';
 import { r as setFocusOnElement, b as addLTRMark } from './index2.js';
 import { u as useT9n } from './useT9n.js';
 import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
@@ -23,7 +23,7 @@ import "@esri/calcite-components/dist/components/calcite-list.js";
 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;
 
-const __cmpMeta = [1,"arcgis-language-api-panel",{"hideDocumentationActions":[1028,"hide-documentation-actions"],"loading":[1028],"apiLibrary":[1040],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32]}];
+const __cmpMeta = [1,"arcgis-language-api-panel",{"hideDocumentationActions":[1028,"hide-documentation-actions"],"loading":[1028],"apiLibrary":[1040],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32]},undefined,{"apiLibrary":["_apiLibraryChanged"]}];
 const ArcgisLanguageApiPanel = /*@__PURE__*/ proxyCustomElement(class ArcgisLanguageApiPanel extends HTMLElement {
     connectedCallback() { this.manager._connectedCallback(); }
     constructor() {
@@ -81,6 +81,21 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.loading = false;
         this.apiLibrary = undefined;
     }
+    _apiLibraryChanged(newVal) {
+        // refresh the selected api item if there is one to use the new language
+        if (!this._selectedApiItem) {
+            return;
+        }
+        for (const category of newVal ?? []) {
+            for (const item of category.items) {
+                if (item.name === this._selectedApiItem.name) {
+                    this._selectedApiItem = item;
+                    return;
+                }
+            }
+        }
+        this._selectedApiItem = undefined;
+    }
     //#endregion
     // #region Component lifecycle events
     async componentWillLoad() {
@@ -143,10 +158,13 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     render() {
         const categories = (this.apiLibrary ?? []).map((apiCategory) => this.renderApiCategory(apiCategory));
         const empty = categories.every((g) => !g);
-        return (h(Host, { key: '60e169c299bceeb3d2912eea067d69005fb27bf5' }, h("style", { key: '4460f4de437b518f40f5013c6e06dadefc7c90a4' }, this._colorizeStyle), h("calcite-flow", { key: '06a7e13f55efbd24e4eb200ad2c4cbf56b699b50', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: 'db5e4e8817ee85de1c19655496529fb93bb544dd', heading: this.messages.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'a35a4cedbdec59eed366f719c7d48e662005f6fb', value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), this.loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "Loading" })) : (h("calcite-list", null, empty ? h("div", { class: "notice-container" }, this.messages.noitems) : categories))), this.renderApiItemFlowItem())));
+        return (h(Host, { key: '777e65f0a9891fbdf8fd6177890df475261d198e' }, h("style", { key: 'bacffd5a30dfa72f9cc99db6a7066fd551c06e60' }, this._colorizeStyle), h("calcite-flow", { key: 'b48417bccd1a1a5e400d5b205ff0dc3a21e08a76', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: 'a44cdb484d60daa1a6410ed7d513eb680f20f883', heading: this.messages.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'ebe4708ce6ccb62b2d5639bb9cbc5ee207e7e2b9', value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), this.loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "Loading" })) : (h("calcite-list", null, empty ? h("div", { class: "notice-container" }, this.messages.noitems) : categories))), this.renderApiItemFlowItem())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
+    static get watchers() { return {
+        "apiLibrary": ["_apiLibraryChanged"]
+    }; }
     static get style() { return ArcgisLanguageApiPanelStyle0; }
 }, __cmpMeta);
 function defineCustomElement() {

package/dist/components/language-defaults-base.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.53
+ * v4.31.0-next.55
  */
 import { n as newLayersFeatureLayer, i as importRequest, s as supportedFields, a as newPortalPortalItem, b as newWebScene, c as newWebMap, f as fieldAlias, d as fieldTypeToIconName, e as fieldTypeToApiValueVarType } from './fields.js';
 import { p as portalItemPageUrl } from './utilities.js';