@arcgis/coding-components 4.30.0-next.30 → 4.30.0-next.32

package/dist/components/arcade-contribution.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.30
+ * v4.30.0-next.32
  */
 import { editor, languages } from 'monaco-editor';
 import { b as arcadeDefaults } from './arcade-defaults.js';

package/dist/components/arcade-defaults.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.30
+ * v4.30.0-next.32
  */
 import { Emitter, Uri } from 'monaco-editor';
 import { InsertTextMode, InsertTextFormat, CompletionItemKind } from 'vscode-languageserver-types';

package/dist/components/arcade-mode.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.30
+ * v4.30.0-next.32
  */
 import { editor, MarkerSeverity, Range, languages, Emitter } from 'monaco-editor';
 import { CompletionItemKind, DiagnosticSeverity, InsertTextFormat } from 'vscode-languageserver-types';

package/dist/components/arcade-results.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.30
+ * v4.30.0-next.32
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { t as importArcade, s as setValuesInString, u as quoteString } from './index2.js';
-import { u as useControllerManager, a as useT9n } from './chunk-FQ4KFKVY.js';
+import { u as useControllerManager, a as useT9n } from './chunk-WQTCUXBS.js';
 import { s as supportedFields } from './fields.js';
 import "@esri/calcite-components/dist/components/calcite-tree.js";
 import "@esri/calcite-components/dist/components/calcite-tree-item.js";
@@ -298,10 +298,12 @@ function renderFeatureSetTable(arcadeResult) {
         }
     })))))));
 }
+const __cmpMeta = [1,"arcgis-arcade-results",[["loading",[1028]],["openedResultPanel",[1537,"opened-result-panel"]],["result",[1040]],["consoleLogs",[1040]]]];
 const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeResults extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.__attachShadow();
         this.openedResultPanelChange = createEvent(this, "openedResultPanelChange", 3);
         this.close = createEvent(this, "close", 3);
@@ -470,12 +472,7 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
     static get style() { return arcadeResultsCss; }
-}, [1, "arcgis-arcade-results", {
-        "loading": [4],
-        "openedResultPanel": [1537, "opened-result-panel"],
-        "result": [16],
-        "consoleLogs": [16]
-    }]);
+}, __cmpMeta);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, b as colorizeCodeElement } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
-import { u as useControllerManager, a as useT9n } from './chunk-FQ4KFKVY.js';
+import { u as useControllerManager, a as useT9n } from './chunk-WQTCUXBS.js';
 import { k as setFocusOnElement } from './index2.js';
 import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
 import "@esri/calcite-components/dist/components/calcite-list-item.js";
@@ -30,10 +30,12 @@ function isSuggestionGroups(item) {
 
 const arcadeSuggestionsCss = ":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)}";
 
+const __cmpMeta = [1,"arcgis-arcade-suggestions",[["suggestions",[1040]],["_selectedSuggestion",[32]],["_filterValue",[32]],["_colorizeStyle",[32]]],undefined,{"suggestions":["suggestionsPropChanged"]}];
 const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeSuggestions extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
@@ -139,14 +141,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         "suggestions": ["suggestionsPropChanged"]
     }; }
     static get style() { return arcadeSuggestionsCss; }
-}, [1, "arcgis-arcade-suggestions", {
-        "suggestions": [16],
-        "_selectedSuggestion": [32],
-        "_filterValue": [32],
-        "_colorizeStyle": [32]
-    }, undefined, {
-        "suggestions": ["suggestionsPropChanged"]
-    }]);
+}, __cmpMeta);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { u as useControllerManager, a as useT9n } from './chunk-FQ4KFKVY.js';
+import { u as useControllerManager, a as useT9n } from './chunk-WQTCUXBS.js';
 import { k as setFocusOnElement, j as createFilterExpression } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import "@esri/calcite-components/dist/components/calcite-flow-item.js";
@@ -24,10 +24,12 @@ function stopEnterPropagation(e) {
         e.stopPropagation();
     }
 }
+const __cmpMeta = [1,"arcgis-arcade-variables",[["loading",[1028]],["modelId",[1025,"model-id"]],["_mutationCounter",[32]],["_flowItemRenderers",[32]],["_filterValue",[32]]],undefined,{"modelId":["modelIdPropChanged"]}];
 const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeVariables extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
@@ -163,15 +165,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         "modelId": ["modelIdPropChanged"]
     }; }
     static get style() { return arcadeVariablesCss; }
-}, [1, "arcgis-arcade-variables", {
-        "loading": [4],
-        "modelId": [1, "model-id"],
-        "_mutationCounter": [32],
-        "_flowItemRenderers": [32],
-        "_filterValue": [32]
-    }, undefined, {
-        "modelId": ["modelIdPropChanged"]
-    }]);
+}, __cmpMeta);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/arcgis-arcade-api.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.30
+ * v4.30.0-next.32
  */
 import { A as ArcgisArcadeApi$1, d as defineCustomElement$1 } from './arcade-api.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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { KeyCode } from 'monaco-editor';
 import { e as executeScript, D as DevelopersWebSitePath, d as defineCustomElement$5 } from './arcade-results.js';
 import { u as updateThemeColors, c as colorRulesKeys, s as setupMonacoEnvironment, a as getArcadeDiagnosticService } from './arcade-contribution.js';
-import { u as useControllerManager, a as useT9n } from './chunk-FQ4KFKVY.js';
+import { u as useControllerManager, a as useT9n } from './chunk-WQTCUXBS.js';
 import { D as Deferred, q as generateGuid, r as getElementTheme } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import { d as defineCustomElement$6 } from './arcade-api.js';
@@ -22,10 +22,12 @@ import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
 const arcadeEditorCss = "arcgis-arcade-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-arcade-editor .flex-adjustable{flex:1 1 auto;overflow:hidden}arcgis-arcade-editor .flex-panel{flex:1 0 auto}arcgis-arcade-editor .position-relative{position:relative}arcgis-arcade-editor .flex-row{display:flex;flex-direction:row;overflow:hidden}arcgis-arcade-editor .flex-column{display:flex;flex-direction:column;overflow:hidden}arcgis-arcade-editor .border-inline-start{border-inline-start:1px solid var(--calcite-color-border-3);box-sizing:border-box}arcgis-arcade-editor .border-inline-end{border-inline-end:1px solid var(--calcite-color-border-3);box-sizing:border-box}arcgis-arcade-editor .sticky{position:sticky;top:0px;z-index:10}arcgis-arcade-editor .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}arcgis-arcade-editor .side-action-bar{max-width:25%}arcgis-arcade-editor .side-panel{max-width:45%;width:600px}arcgis-arcade-editor .side-panel calcite-flow{height:100%}arcgis-arcade-editor .main-action-bar{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}arcgis-arcade-editor .main-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}arcgis-arcade-editor .main-action-bar calcite-action-group:last-child{border-inline-end-width:0px}arcgis-arcade-editor .main-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}arcgis-arcade-editor arcgis-arcade-results{border-top:1px solid var(--calcite-color-border-3);box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}arcgis-arcade-editor calcite-flow [slot=footer]{word-break:break-word}arcgis-arcade-editor calcite-list-item-group calcite-list-item{margin-bottom:1px;box-shadow:0 1px 0 var(--calcite-color-border-3)}arcgis-arcade-editor calcite-list-item-group calcite-list-item:last-child{box-shadow:none}arcgis-arcade-editor calcite-list-item-group:last-child{margin-bottom:var(--calcite-spacing-xl)}";
 
+const __cmpMeta = [0,"arcgis-arcade-editor",[["profile",[1040]],["script",[1025]],["testData",[1040]],["suggestions",[1040]],["snippets",[1040]],["hideDocumentationActions",[1028,"hide-documentation-actions"]],["hideSideBar",[1028,"hide-side-bar"]],["sideActionBarExpanded",[1540,"side-action-bar-expanded"]],["openedSidePanel",[1537,"opened-side-panel"]],["editorOptions",[1040]],["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]]],undefined,{"profile":["_profileChanged"],"testData":["_testDataChanged"],"snippets":["_snippetChanged"]}];
 const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeEditor extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.scriptChange = createEvent(this, "scriptChange", 3);
         this.diagnosticsChange = createEvent(this, "diagnosticsChange", 3);
         this.manager = useControllerManager(this);
@@ -180,7 +182,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
     async componentWillLoad() {
         const assetsPath = getAssetPath("./assets");
         // We are a bit in a chicken and egg situation here.
-        // Normally, it is the code editor that is responsible for setting up the Monaco environement.
+        // Normally, it is the code editor that is responsible for setting up the Monaco environment.
         // 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);
@@ -336,36 +338,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         "snippets": ["_snippetChanged"]
     }; }
     static get style() { return arcadeEditorCss; }
-}, [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]
-    }, undefined, {
-        "profile": ["_profileChanged"],
-        "testData": ["_testDataChanged"],
-        "snippets": ["_snippetChanged"]
-    }]);
+}, __cmpMeta);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 import { A as ArcgisArcadeVariables$1, d as defineCustomElement$1 } from './arcade-variables.js';
 

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

@@ -2,7 +2,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.30
+ * v4.30.0-next.32
  */
 /**
  * Get the base path to where the package assets can be found.

package/dist/components/arcgis-assets.js

@@ -2,7 +2,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.30
+ * v4.30.0-next.32
  */
 let resourceUrl = "https://js.arcgis.com/coding-components/next/";
 export const getArcgisAssetPath = (path) => {

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.30/esri/copyright.txt for details.
- * v4.30.0-next.30
+ * v4.30.0-next.32
  */
 import { A as ArcgisCodeEditor$1, d as defineCustomElement$1 } from './code-editor.js';
 

package/dist/components/{chunk-FQ4KFKVY.js → chunk-WQTCUXBS.js}

@@ -1,12 +1,52 @@
 /*!
  * 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.30
+ * v4.30.0-next.32
  */
 import { forceUpdate } from '@stencil/core/internal/client';
 import { l as importCoreAccessor, m as importCoreAccessorSupportDecorators } from './index2.js';
 import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
+// src/stencil.ts
+function retrieveComponentMeta(component) {
+  const constructor = component.constructor;
+  const members = constructor.__registerControllers?.(component) ?? void 0;
+  constructor.__registerControllers = void 0;
+  if (typeof members !== "object")
+    throw new Error(
+      "Failed to retrieve internal component meta. Make sure you have the useComponentsControllers() Rollup Plugin for Stencil Controllers configured in your Stencil config."
+    );
+  component.manager.internals.members = members;
+}
+function parsePropertyValue(value, type = 8 /* Any */) {
+  const isComplex = value == null || typeof value === "object" || typeof value === "function";
+  if (isComplex)
+    return value;
+  if ((type & 4 /* Boolean */) !== 0)
+    return value === "false" ? false : value === "" || !!value;
+  else if ((type & 2 /* Number */) !== 0)
+    return Number.parseFloat(value.toString());
+  else if ((type & 1 /* String */) !== 0)
+    return String(value);
+  else
+    return value;
+}
+var makeMemberFilter = (filter) => (component) => {
+  const members = component.manager.internals.members;
+  return Object.entries(members ?? {}).filter(([_name, [propType]]) => (propType & filter) !== 0).map(([name]) => name);
+};
+var getPropLikeMembers = makeMemberFilter(63 /* PropLike */);
+var getMemberType = (component, name) => component.manager.internals.members?.[name]?.[0];
+function getPropType(component, name) {
+  const type = getMemberType(component, name);
+  if (type === void 0)
+    return void 0;
+  else if (type & 32 /* State */)
+    return "state";
+  else
+    return "prop";
+}
+
 // ../components-utils/dist/index.js
 var Deferred = class {
   /**
@@ -360,56 +400,6 @@ var unresolvableExports = [
   "an object instead"
 ].join("");
 
-// src/stencil.ts
-function retrieveComponentMeta(component) {
-  const constructor = component.constructor;
-  const meta = constructor.__registerControllers?.(component) ?? void 0;
-  constructor.__registerControllers = void 0;
-  if (typeof meta !== "object")
-    throw new Error(
-      "Failed to retrieve internal component meta. Make sure you have the useComponentsControllers() Rollup Plugin for Stencil Controllers configured in your Stencil config."
-    );
-  component.manager.internals.meta = { members: meta[0], watchers: meta[1] };
-}
-function parsePropertyValue(value, type = 8 /* Any */) {
-  const isComplex = value == null || typeof value === "object" || typeof value === "function";
-  if (isComplex)
-    return value;
-  if ((type & 4 /* Boolean */) !== 0)
-    return value === "false" ? false : value === "" || !!value;
-  else if ((type & 2 /* Number */) !== 0)
-    return Number.parseFloat(value.toString());
-  else if ((type & 1 /* String */) !== 0)
-    return String(value);
-  else
-    return value;
-}
-var makeMemberFilter = (filter) => (component) => {
-  const members = component.manager.internals.meta?.members;
-  return Object.entries(members ?? {}).filter(([_name, [propType]]) => (propType & filter) !== 0).map(([name]) => name);
-};
-var getPropLikeMembers = makeMemberFilter(63 /* PropLike */);
-var getMemberType = (component, name) => component.manager.internals.meta.members?.[name]?.[0];
-function getPropType(component, name) {
-  const type = getMemberType(component, name);
-  if (type === void 0)
-    return void 0;
-  else if (type & 32 /* State */)
-    return "state";
-  else
-    return "prop";
-}
-function addPropertyWatcher(component, property) {
-  const meta = component.manager.internals.meta;
-  meta.watchers ?? (meta.watchers = {});
-  const watchers = meta.watchers;
-  if (!(property in watchers))
-    watchers[property] = [];
-  if (!watchers[property].includes(watcherCallbackName))
-    watchers[property].push(watcherCallbackName);
-}
-var watcherCallbackName = "dynamicWatcherCallback";
-
 // src/Controller.ts
 var _a;
 var _Controller = class _Controller {
@@ -562,9 +552,11 @@ var _Controller = class _Controller {
    */
   bypassSetter(callback) {
     _Controller.internals.shouldBypassSetter = true;
-    const result = safeCall(callback);
-    _Controller.internals.shouldBypassSetter = false;
-    return result;
+    try {
+      return callback();
+    } finally {
+      _Controller.internals.shouldBypassSetter = false;
+    }
   }
   /**
    * Like bypassSetter, but only bypasses this.manager.readonly(), rather that
@@ -572,9 +564,11 @@ var _Controller = class _Controller {
    */
   bypassReadonly(callback) {
     _Controller.internals.shouldBypassReadonly = true;
-    const result = safeCall(callback);
-    _Controller.internals.shouldBypassReadonly = false;
-    return result;
+    try {
+      return callback();
+    } finally {
+      _Controller.internals.shouldBypassReadonly = false;
+    }
   }
   /**
    * Property reads inside of this function will bypass any custom getter you
@@ -596,9 +590,11 @@ var _Controller = class _Controller {
    */
   bypassGetter(callback) {
     _Controller.internals.shouldBypassGetter = true;
-    const result = safeCall(callback);
-    _Controller.internals.shouldBypassGetter = false;
-    return result;
+    try {
+      return callback();
+    } finally {
+      _Controller.internals.shouldBypassGetter = false;
+    }
   }
   /**
    * Like this.manager.getSet(), but can be called on any component's
@@ -626,7 +622,7 @@ var _Controller = class _Controller {
   }
   // FEATURE: improve typings
   /**
-   * Dynamically set a watcher for any @Prop()/@State() property
+   * Dynamically set a watcher for any \@Prop()/\@State() property
    */
   watch(property, callback) {
     var _a2;
@@ -635,9 +631,8 @@ var _Controller = class _Controller {
       throw new Error(
         `Trying to watch a non-@Prop, non-@State property "${property}". Either convert it into a @State() or use manager.getSet/dynamicGetSet`
       );
-    addPropertyWatcher(this.component, property);
-    (_a2 = this.internals.watchers)[property] ?? (_a2[property] = []);
-    const watchers = this.internals.watchers[property];
+    (_a2 = this.internals.allWatchers)[property] ?? (_a2[property] = []);
+    const watchers = this.internals.allWatchers[property];
     const genericCallback = callback;
     const safeCallback = (newValue, oldValue, propertyName) => safeCall(() => genericCallback(newValue, oldValue, propertyName));
     watchers.push(safeCallback);
@@ -839,6 +834,18 @@ function keyTrackResolve() {
 // src/ComponentInternals.ts
 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:
+     * - 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.enabledWatchers = {};
+    this.allWatchers = {};
     this.trackKey = (hostsCandidates, onResolved, defaultValue) => {
       const candidateHosts = Array.isArray(hostsCandidates) ? hostsCandidates : [hostsCandidates];
       let leftToResolve = candidateHosts.length + 1;
@@ -876,14 +883,16 @@ var ComponentInternals = class {
       }, defaultValue);
       return defaultValue;
     };
-    this.trackPropKey = (onResolved, defaultValue) => {
+    this.trackPropKey = (onResolved, defaultValue, ignoreDefaultValueMismatch = false) => {
       if (this._trackedValue !== nothing && this._trackedValue !== defaultValue)
         this._firePropertyTrackers(void 0, void 0, void 0);
       if (this._keyTrackers.length === 0)
         queueMicrotask(() => this._firePropertyTrackers(void 0, void 0, void 0));
       this._trackedValue = defaultValue;
       this._keyTrackers.push(
-        (key, value, previousValue) => safeCall(() => onResolved(defaultValue === value ? key : void 0, previousValue))
+        (key, value, previousValue) => safeCall(
+          () => onResolved(defaultValue === value || ignoreDefaultValueMismatch ? key : void 0, previousValue)
+        )
       );
       return defaultValue;
     };
@@ -946,9 +955,9 @@ var ComponentInternals = class {
       return;
     const finalGetter = shouldOverwriteGet ? function getter() {
       let value = originalGet.call(this);
-      if (Controller.internals.shouldBypassGetter)
-        return value;
       const component2 = Controller.internals.elementToInstance.get(this);
+      if (Controller.internals.shouldBypassGetter || component2 === void 0)
+        return value;
       const internals = component2.manager.internals;
       value = internals.accessorGetter[name](value, name);
       const getters = internals.getters[name] ?? emptyArray;
@@ -960,6 +969,10 @@ var ComponentInternals = class {
       const oldValue = originalGet.call(this);
       let newValue = parsePropertyValue(rawNewValue, propType);
       const component2 = Controller.internals.elementToInstance.get(this);
+      if (component2 === void 0) {
+        originalSet.call(this, rawNewValue);
+        return;
+      }
       const internals = component2.manager.internals;
       if (newValue === oldValue)
         originalSet.call(this, rawNewValue);
@@ -969,6 +982,8 @@ var ComponentInternals = class {
           newValue = setters[i](newValue, oldValue, name);
         newValue = internals.accessorSetter[name](newValue, oldValue, name);
         originalSet.call(this, newValue);
+        if (newValue !== oldValue)
+          internals.enabledWatchers[name]?.forEach((watcher) => watcher(newValue, oldValue, name));
       }
       if (internals._keyTrackers.length > 0)
         internals?._firePropertyTrackers(name, rawNewValue, oldValue);
@@ -1040,14 +1055,10 @@ var useControllerManager = (component) => new ControllerManager(component);
 var ControllerManager = class extends GenericController {
   constructor(component) {
     const controllers = /* @__PURE__ */ new Set();
-    const watchers = {};
     const controllerHost = {
       addController: (controller) => {
         controllers.add(controller);
       },
-      [watcherCallbackName]: (newValue, oldValue, propertyName) => {
-        watchers[propertyName]?.forEach((callback) => callback(newValue, oldValue, propertyName));
-      },
       removeController: (controller) => {
         controllers.delete(controller);
       },
@@ -1128,7 +1139,6 @@ var ControllerManager = class extends GenericController {
     this.component.manager = this;
     retrieveComponentMeta(component);
     this._controllers = controllers;
-    this.internals.watchers = watchers;
     this.exports = void 0;
     this.hasDestroy = "preserveOnDisconnect" in this.component && typeof this.component.destroy === "function";
     if (this.hasDestroy)
@@ -1188,6 +1198,7 @@ var ControllerManager = class extends GenericController {
         `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.`
       );
     }
+    this.internals.enabledWatchers = this.internals.allWatchers;
     keyTrackResolve();
     this._connected.resolve();
     this._controllers.forEach(

package/dist/components/code-editor.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.30
+ * v4.30.0-next.32
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { Range, editor, Uri, KeyMod, KeyCode } from 'monaco-editor';

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.30
+ * v4.30.0-next.32
  */
 /**
  * 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.30
+ * v4.30.0-next.32
  */
 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.30
+ * v4.30.0-next.32
  */
 // 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.30
+ * v4.30.0-next.32
  */
 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.30
+ * v4.30.0-next.32
  */
 import { j as createFilterExpression } from './index2.js';