@arcgis/coding-components 4.30.0-next.45 → 4.30.0-next.47

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.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 /**
  * Returns an icon name for the field type

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.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 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.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 // src/index.ts
 var isAMD = typeof window !== "undefined" && "$arcgis" in window && typeof window.$arcgis === "object" && "import" in window.$arcgis;

package/dist/components/markdown.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 import { editor } from 'monaco-editor';
 import { StandaloneServices } from 'monaco-editor/esm/vs/editor/standalone/browser/standaloneServices.js';

package/dist/components/utilities.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 import { j as createFilterExpression } from './index2.js';
 

package/dist/esm/{arcade-defaults-6869481f.js → arcade-defaults-fdba0972.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { g as getAssetPath } from './index-34f0cc38.js';
+import { g as getAssetPath } from './index-c6b28dae.js';
 
 /**
  * Returns the last element of an array.
@@ -120522,7 +120522,7 @@ registerLanguage({
   mimetypes: ["text/css"],
   loader: () => {
     {
-      return import('./css-fe8f3a4b.js');
+      return import('./css-58b4c966.js');
     }
   }
 });
@@ -120540,7 +120540,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import('./html-ea09066e.js');
+      return import('./html-7c8fbcc5.js');
     }
   }
 });
@@ -120560,7 +120560,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import('./javascript-21f7e90c.js');
+      return import('./javascript-9ac36865.js');
     }
   }
 });
@@ -120578,7 +120578,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import('./typescript-214d5803.js');
+      return import('./typescript-a34ba038.js');
     }
   }
 });
@@ -120699,7 +120699,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3("less", optionsDefault$1, m
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import('./cssMode-e562138d.js');
+    return import('./cssMode-f5916932.js');
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -120824,7 +120824,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import('./htmlMode-ea206439.js');
+    return import('./htmlMode-d7755346.js');
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -120926,7 +120926,7 @@ var jsonDefaults = new LanguageServiceDefaultsImpl$1("json", diagnosticDefault,
 monaco_editor_core_exports$1.languages.json = { jsonDefaults };
 function getMode$1() {
   {
-    return import('./jsonMode-d577e66d.js');
+    return import('./jsonMode-ef328849.js');
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -121195,7 +121195,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import('./tsMode-4ba96e2b.js');
+    return import('./tsMode-0daf7dc9.js');
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {

package/dist/esm/{arcade-mode-e4e834c6.js → arcade-mode-0d144d92.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { A as main, e as editor, M as MarkerSeverity, R as Range, l as languages, B as debounce, E as Emitter } from './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+import { A as main, e as editor, M as MarkerSeverity, R as Range, l as languages, B as debounce, E as Emitter } from './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';
 
 var j={False:"false",Null:"null",True:"true"},f={Break:"break",Continue:"continue",Else:"else",For:"for",From:"from",Function:"function",If:"if",Import:"import",Export:"export",In:"in",Return:"return",Var:"var",While:"while"},Fe=["++","--"],Qe=["-","+","!","~"],Ze=["=","/=","*=","%=","+=","-="],Xe=["||","&&"],Lt=["|","&",">>","<<",">>>","^","==","!=","<","<=",">",">=","+","-","*","/","%"];var U=[[],[],[]];Fe.forEach(t=>U[t.length-1]?.push(t));Qe.forEach(t=>U[t.length-1]?.push(t));Xe.forEach(t=>U[t.length-1]?.push(t));Ze.forEach(t=>U[t.length-1]?.push(t));Lt.forEach(t=>U[t.length-1]?.push(t));var ht=Object.values(f),dt=Object.values(j);dt.map(t=>({label:t,kind:main.CompletionItemKind.Constant}));ht.map(t=>({label:t,kind:main.CompletionItemKind.Keyword}));
 

package/dist/esm/arcgis-arcade-api_6.entry.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { f as forceUpdate, g as getAssetPath, r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-34f0cc38.js';
-import { g as generateTokensCSSForColorMap, e as editor, S as StandaloneServices, I as IStandaloneThemeService, c as createCommonjsModule, b as commonjsGlobal, i as importCoreAccessor, d as importCoreAccessorSupportDecorators, f as isURL, h as hasSameOrigin, j as importRequest, l as languages, k as arcadeDefaults, U as Uri, s as setFocusOnElement, m as filterCollection, n as addLTRMark, o as importArcade, D as Deferred$1, p as generateGuid, q as getElementTheme, K as KeyCode, r as setValuesInString, t as quoteString, u as supportedFields, v as createFilterExpression, R as Range, w as observeAncestorsMutation$1, x as KeyMod } from './arcade-defaults-6869481f.js';
+import { f as forceUpdate, g as getAssetPath, r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-c6b28dae.js';
+import { g as generateTokensCSSForColorMap, e as editor, S as StandaloneServices, I as IStandaloneThemeService, c as createCommonjsModule, b as commonjsGlobal, i as importCoreAccessor, d as importCoreAccessorSupportDecorators, f as isURL, h as hasSameOrigin, j as importRequest, l as languages, k as arcadeDefaults, U as Uri, s as setFocusOnElement, m as filterCollection, n as addLTRMark, o as importArcade, D as Deferred$1, p as generateGuid, q as getElementTheme, K as KeyCode, r as setValuesInString, t as quoteString, u as supportedFields, v as createFilterExpression, R as Range, w as observeAncestorsMutation$1, x as KeyMod } from './arcade-defaults-fdba0972.js';
 
 async function colorizeCode(code) {
     return await editor.colorize(code, "arcade", { tabSize: 2 });
@@ -3998,7 +3998,6 @@ var ControllerManager = class extends GenericController {
     this._connected = new Deferred();
     this.internals = new ComponentInternals(this.component);
     this.connected = this._connected.promise;
-    this.hasDestroy = false;
     this.destroyed = false;
     this._updatePromise = new Deferred();
     this._originalLifecycles = {};
@@ -4069,9 +4068,9 @@ var ControllerManager = class extends GenericController {
     retrieveComponentMeta(component);
     this._controllers = controllers;
     this.exports = void 0;
-    this.hasDestroy = "preserveOnDisconnect" in this.component && typeof this.component.destroy === "function";
+    this.hasDestroy = "autoDestroyDisabled" in this.component && typeof this.component.destroy === "function";
     if (this.hasDestroy)
-      this.watch("preserveOnDisconnect", () => this._preserveOnDisconnectWatcher());
+      this.watch("autoDestroyDisabled", () => this._autoDestroyDisabledWatcher());
     this._bindLifecycleMethods();
     Object.defineProperty(component, "updateComplete", {
       get: async () => await this._updatePromise.promise
@@ -4124,9 +4123,11 @@ var ControllerManager = class extends GenericController {
       const tagName = this.component.el.tagName.toLowerCase();
       this.component.el.remove();
       throw new Error(
-        `The ${tagName} component has already been destroyed. It can not be used again. If you meant to disconnect and reconnect a component without automatic destroy, set the preserveOnDisconnect prop.`
+        `The ${tagName} component has already been destroyed. It can not be used again. If you meant to disconnect and reconnect a component without automatic destroy, set the autoDestroyDisabled prop.`
       );
     }
+    if (this._autoDestroyTimeout !== void 0)
+      clearTimeout(this._autoDestroyTimeout);
     this.internals.enabledWatchers = this.internals.allWatchers;
     keyTrackResolve();
     this._connected.resolve();
@@ -4143,7 +4144,7 @@ var ControllerManager = class extends GenericController {
     );
     this._originalLifecycles.disconnectedCallback?.call(this.component);
     if (this.hasDestroy)
-      this._preserveOnDisconnectWatcher();
+      this._autoDestroyDisabledWatcher();
   }
   async _componentWillLoad() {
     await this.internals.reactiveUtilsIntegration();
@@ -4200,18 +4201,26 @@ var ControllerManager = class extends GenericController {
       return;
     if (this.component.el.isConnected) {
       this.hasDestroy = false;
-      this.component.el.remove();
-      this.hasDestroy = true;
+      try {
+        this.component.el.remove();
+      } finally {
+        this.hasDestroy = true;
+      }
     }
+    this._autoDestroyTimeout = void 0;
     this.destroyed = true;
     this._controllers.forEach(
       (controller) => "triggerDestroy" in controller ? controller.triggerDestroy() : safeCall(() => controller.hostDestroy?.())
     );
     await this._originalLifecycles.destroy?.call(this.component);
   }
-  _preserveOnDisconnectWatcher() {
-    if (!this.component.el.isConnected && !this.component.preserveOnDisconnect)
-      void this.destroy().catch(console.error);
+  _autoDestroyDisabledWatcher() {
+    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 = setTimeout(destroy, autoDestroyOnDisconnectTimeout);
+    }
   }
   /**
    * Make a @Prop() or @State() readonly (prevent overwriting default value).
@@ -4282,8 +4291,9 @@ var destroyErrorMessage = `
 If the component uses a controller that uses destroy() method, then the
 component must have the following properties:
 ${// Don't expose internal code in production, and keep bundle smaller:
-`preserveOnDisconnect and destroy` }
+`autoDestroyDisabled and destroy` }
 `.trim();
+var autoDestroyOnDisconnectTimeout = 1e3;
 
 // src/proxyExports.ts
 var proxyExports = (Class) => (...args) => {
@@ -4532,7 +4542,7 @@ async function getArcadeWorker(uri) {
  * @returns arcade mode module
  */
 async function getMode() {
-    return await import('./arcade-mode-e4e834c6.js');
+    return await import('./arcade-mode-0d144d92.js');
 }
 // Register the language in Monaco
 languages.register({
@@ -4977,8 +4987,9 @@ const ArcgisArcadeEditor = class {
             }
         };
         this._openArcadeHelp = () => void window.open(DevelopersWebSitePath, "Arcade Help");
-        this._emitScriptChange = (e) => {
+        this._onCodeEditorValueChange = (e) => {
             e.stopPropagation();
+            this.script = e.detail;
             this.arcgisScriptChange.emit(e.detail);
         };
         this._insertAsSnippet = (e) => void this._codeEditorElt?.insertSnippet(e.detail).catch(console.error);
@@ -5004,6 +5015,10 @@ const ArcgisArcadeEditor = class {
         this.sideActionBarExpanded = false;
         this.openedSidePanel = "none";
         this.editorOptions = undefined;
+        this.editorInstance = this.manager.getSet(undefined, {
+            get: () => this._codeEditorElt?.editorInstance,
+            set: (_value, prevValue) => prevValue,
+        });
     }
     _profileChanged() {
         this._updateEditorProfile().catch(console.error);
@@ -5022,12 +5037,11 @@ const ArcgisArcadeEditor = class {
     // #endregion
     // #region Public methods API
     /**
-     * Returns the current script.
-     * @returns {Promise<string>}
+     * @deprecated Use `script` property instead.
      */
     async getScript() {
         await this._componentReadyDefer.promise;
-        return await this._codeEditorElt?.getValue();
+        return this._codeEditorElt?.value;
     }
     /**
      * Set the focus on the element.
@@ -5038,12 +5052,11 @@ const ArcgisArcadeEditor = class {
     }
     /**
      * @internal
-     * Returns the editor instance.
-     * @returns {Promise<IStandaloneCodeEditor>} - The monaco editor instance
+     * @deprecated Use `editorInstance` property instead.
      */
     async getEditorInstance() {
         await this._componentReadyDefer.promise;
-        return await this._codeEditorElt?.getEditorInstance();
+        return this._codeEditorElt?.editorInstance;
     }
     /**
      * Returns the Arcade result for the script for the provided test data.
@@ -5162,7 +5175,7 @@ const ArcgisArcadeEditor = class {
     //#endregion
     //#region Render Main Panel
     renderMainPanel() {
-        return (h("arcgis-code-editor", { class: "flex-adjustable", language: arcadeDefaults.languageId, value: this.script ?? "", modelId: this._modelId, options: this.editorOptions, onArcgisValueChange: this._emitScriptChange, ref: (e) => (this._codeEditorElt = e) }));
+        return (h("arcgis-code-editor", { class: "flex-adjustable", language: arcadeDefaults.languageId, value: this.script ?? "", modelId: this._modelId, options: this.editorOptions, onArcgisValueChange: this._onCodeEditorValueChange, ref: (e) => (this._codeEditorElt = e) }));
     }
     //#endregion
     //#region Rendering the Action Bar
@@ -5763,65 +5776,66 @@ const ArcgisCodeEditor = class {
         registerInstance(this, hostRef);
         this.arcgisValueChange = createEvent(this, "arcgisValueChange", 3);
         this.arcgisSelectionChange = createEvent(this, "arcgisSelectionChange", 3);
+        this.manager = useControllerManager(this);
         this._componentReadyDefer = new Deferred$1();
         this._disposables = [];
-        this.value = undefined;
+        this.value = this.manager.getSet("", {
+            get: () => this._editorInstance?.getValue() ?? "",
+            set: (newValue, oldValue) => {
+                if (!this._editorInstance) {
+                    return "";
+                }
+                const model = this._editorInstance.getModel();
+                if (!model) {
+                    return "";
+                }
+                if (model.getValue() === newValue) {
+                    return newValue;
+                }
+                // Set the value and preserve the undo stack
+                const range = model.getFullModelRange();
+                this._editorInstance.executeEdits("", [{ range, text: newValue ?? "", forceMoveMarkers: true }]);
+                this._editorInstance.pushUndoStop();
+                // By returning oldValue we are preventing a re-render.
+                // The getter will return the new value anyway.
+                return oldValue;
+            },
+        });
         this.language = undefined;
         this.modelId = generateGuid();
         this.options = undefined;
-    }
-    valuePropChange(newValue) {
-        if (!this._editorInstance) {
-            return;
-        }
-        this._editorInstance.setValue(newValue ?? "");
+        this.editorInstance = this.manager.getSet(undefined, {
+            get: () => this._editorInstance,
+            set: (_value, prevValue) => prevValue,
+        });
     }
     languagePropChange() {
-        if (!this._editorInstance) {
-            return;
-        }
         this.updateModel();
     }
     modelIdPropChange() {
-        if (!this._editorInstance) {
-            return;
-        }
         this.updateModel();
     }
     optionsPropChange(newValue) {
-        if (!this._editorInstance || !newValue) {
+        if (!newValue) {
             return;
         }
-        this._editorInstance.updateOptions(newValue);
+        this._editorInstance?.updateOptions(newValue);
     }
     //#endregion
     // #region Public methods API
     /**
-     * Gets the current value in the editor.
-     * @returns {Promise<string>}
+     * @deprecated Use `value` property instead.
      */
     async getValue() {
         await this._componentReadyDefer.promise;
-        return this._editorInstance?.getValue() ?? "";
+        return this.value;
     }
     /**
-     * Sets the new value in the editor. Use this method instead of setting the value
-     * on the model to preserve undo/redo stack.
-     * @param text
-     * @returns {Promise<void>}
+     * @deprecated Use `value` property instead.
      */
     async setValue(text) {
         await this._componentReadyDefer.promise;
-        if (!this._editorInstance) {
-            return;
-        }
-        const model = this._editorInstance.getModel();
-        if (!model) {
-            return;
-        }
-        const range = model.getFullModelRange();
-        this._editorInstance.executeEdits("", [{ range, text: text ?? "", forceMoveMarkers: true }]);
-        this._editorInstance.pushUndoStop();
+        this.value = text ?? "";
     }
     /**
      * Inserts a text at the current position in the editor.
@@ -5856,8 +5870,7 @@ const ArcgisCodeEditor = class {
     }
     /**
      * @internal
-     * Returns the editor instance.
-     * @returns {Promise<IStandaloneCodeEditor>} - The monaco editor instance
+     * @deprecated Use `editorInstance` property instead.
      */
     async getEditorInstance() {
         await this._componentReadyDefer.promise;
@@ -5891,7 +5904,7 @@ const ArcgisCodeEditor = class {
         const model = editor.createModel("", this.language, this.getUri());
         // Create the editor for the host element.
         // This will not trigger a diagnostic.
-        this._editorInstance = editor.create(this._hostElt, {
+        this._editorInstance = editor.create(this.el, {
             ...(this.options ?? {}),
             model,
             fixedOverflowWidgets: true,
@@ -5904,19 +5917,19 @@ const ArcgisCodeEditor = class {
         this._componentReadyDefer.resolve();
         this._editorInstance.updateOptions(EditorOptionsDefaults);
         this._editorInstance.onDidChangeModelContent(() => {
-            const script = this._editorInstance?.getValue() ?? "";
-            this.arcgisValueChange.emit(script);
+            this.value = this._editorInstance?.getValue() ?? "";
+            this.arcgisValueChange.emit(this.value);
         });
         this._editorInstance.onDidChangeCursorSelection((e) => {
             this.arcgisSelectionChange.emit({ selection: e.selection, model: this._editorInstance?.getModel() });
         });
         // Detect if the host element or its ancestors got a theme attribute mutation
-        this._themeObserver = observeAncestorsMutation$1(this._hostElt, ["class"], () => this.updateTheme());
+        this._themeObserver = observeAncestorsMutation$1(this.el, ["class"], () => this.updateTheme());
         // Update the theme of the Monaco Editor
         this.updateTheme();
         // Creates a resize observer to re-layout the editor on size changing
         const resizeObserver = new ResizeObserver(() => this._editorInstance?.layout());
-        resizeObserver.observe(this._hostElt);
+        resizeObserver.observe(this.el);
         // Add common actions to the Monaco Editor's context menu and command palette
         this.addCommonEditorActions();
     }
@@ -5926,6 +5939,13 @@ const ArcgisCodeEditor = class {
         }
         this._themeObserver?.remove();
     }
+    componentShouldUpdate(_newVal, _oldVal, propName) {
+        if (propName === "value" || propName === "language" || propName === "modelId" || propName === "options") {
+            // These are properties that we directly pass to the editor
+            return false;
+        }
+        return true;
+    }
     //#endregion
     // #region Private methods API
     updateModel() {
@@ -5933,7 +5953,7 @@ const ArcgisCodeEditor = class {
             return;
         }
         this._editorInstance.getModel()?.dispose();
-        this._editorInstance.setModel(editor.createModel(this.value ?? "", this.language, this.getUri()));
+        this._editorInstance.setModel(editor.createModel(this.value, this.language, this.getUri()));
     }
     getUri() {
         return this.modelId ? Uri.parse(this.modelId) : Uri.parse("");
@@ -5942,7 +5962,7 @@ const ArcgisCodeEditor = class {
         // This is called the first time and subsequently by the Mutation Observer
         // Figure out the theme by walking the ancestor path.
         // If no theme is found then default to light.
-        const theme = getElementTheme(this._hostElt) === "light" ? "vs" : "vs-dark";
+        const theme = getElementTheme(this.el) === "light" ? "vs" : "vs-dark";
         if (theme === this._currentTheme) {
             return;
         }
@@ -5984,9 +6004,8 @@ const ArcgisCodeEditor = class {
         return h(Host, null);
     }
     static get assetsDirs() { return ["assets"]; }
-    get _hostElt() { return getElement(this); }
+    get el() { return getElement(this); }
     static get watchers() { return {
-        "value": ["valuePropChange"],
         "language": ["languagePropChange"],
         "modelId": ["modelIdPropChange"],
         "options": ["optionsPropChange"]

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

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-34f0cc38.js';
-export { s as setNonce } from './index-34f0cc38.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-c6b28dae.js';
+export { s as setNonce } from './index-c6b28dae.js';
 
 /*
  Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com
@@ -19,5 +19,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["arcgis-arcade-api_6",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1],"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],"messages":[32],"_standaloneCodeEditor":[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],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"value":["valuePropChange"],"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}]]]], 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],"_standaloneCodeEditor":[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);
 });

package/dist/esm/{css-fe8f3a4b.js → css-58b4c966.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{cssMode-e562138d.js → cssMode-f5916932.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { y as monaco_editor_core_star } from './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+import { y as monaco_editor_core_star } from './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{html-ea09066e.js → html-7c8fbcc5.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { y as monaco_editor_core_star } from './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+import { y as monaco_editor_core_star } from './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{htmlMode-ea206439.js → htmlMode-d7755346.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { y as monaco_editor_core_star } from './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+import { y as monaco_editor_core_star } from './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{index-34f0cc38.js → index-c6b28dae.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
 const NAMESPACE = 'arcgis-coding-components';
 
@@ -1368,6 +1368,11 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
                 }
             }
             if ((flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
+                if (instance.componentShouldUpdate) {
+                    if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+                        return;
+                    }
+                }
                 // looks like this value actually changed, so we've got work to do!
                 // but only if we've already rendered, otherwise just chill out
                 // queue that we need to do an update, but don't worry about queuing

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-export { a as arcade } from './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+export { a as arcade } from './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';

package/dist/esm/{javascript-21f7e90c.js → javascript-9ac36865.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { conf as conf$1, language as language$1 } from './typescript-214d5803.js';
-import './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+import { conf as conf$1, language as language$1 } from './typescript-a34ba038.js';
+import './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{jsonMode-d577e66d.js → jsonMode-ef328849.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.45
+ * v4.30.0-next.47
  */
-import { y as monaco_editor_core_star } from './arcade-defaults-6869481f.js';
-import './index-34f0cc38.js';
+import { y as monaco_editor_core_star } from './arcade-defaults-fdba0972.js';
+import './index-c6b28dae.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.