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

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

@@ -1,14 +1,14 @@
 /*!
  * 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.29
+ * v4.30.0-next.30
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-994ea295.js');
-const arcadeDefaults = require('./arcade-defaults-5269f6ab.js');
+const index = require('./index-084a0845.js');
+const arcadeDefaults = require('./arcade-defaults-18a60f03.js');
 
 async function colorizeCode(code) {
     return await arcadeDefaults.editor.colorize(code, "arcade", { tabSize: 2 });
@@ -2926,8 +2926,8 @@ marked_umd.marked.use({
     renderer: {
         link(href, title, text) {
             return `<calcite-link href="${href}" title="${title ?? text}" target="Arcade Help">${text}</calcite-link>`;
-        }
-    }
+        },
+    },
 });
 /**
  * Converts a markdown string to HTML using the marked library.
@@ -2940,105 +2940,93 @@ function convertMarkdownString(value) {
 }
 
 // ../components-utils/dist/index.js
-var h = class {
+var Deferred = class {
+  /**
+   * Creates a new deferred promise.
+   */
   constructor() {
-    this.resolve = () => {
-    }, this.reject = () => {
-    }, this.promise = new Promise((t, n) => {
-      this.resolve = t, this.reject = n;
+    this.resolve = () => void 0;
+    this.reject = () => void 0;
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = resolve;
+      this.reject = reject;
     });
   }
 };
-function w(e, t) {
-  let n = e;
-  for (; n; ) {
-    if (n === t)
+function inTargetElement(element, targetElement) {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement === targetElement) {
       return true;
-    if (!n.parentNode)
+    }
+    if (!currentElement.parentNode) {
       return false;
-    n.parentNode instanceof ShadowRoot ? n = n.parentNode.host : n = n.parentNode;
+    }
+    if (currentElement.parentNode instanceof ShadowRoot) {
+      currentElement = currentElement.parentNode.host;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
   }
   return false;
 }
-function b(e, t, n) {
-  let { subscribe: r } = $(t);
-  return r((o) => {
-    o.some((s) => w(e, s.target)) && n();
+function observeAncestorsMutation(element, attributeFilter, callback) {
+  const { subscribe } = observe(attributeFilter);
+  return subscribe((mutations) => {
+    const matched = mutations.some((mutation) => inTargetElement(element, mutation.target));
+    if (matched)
+      callback();
   });
 }
-var f = {};
-function $(e) {
-  let t = e.join(","), n = f[t];
-  if (n !== void 0)
-    return n;
-  let r = /* @__PURE__ */ new Set(), o = new MutationObserver((s) => r.forEach((a) => a(s)));
-  o.observe(document.documentElement, { attributes: true, attributeFilter: e, subtree: true });
-  let i = { subscribe(s) {
-    return r.add(s), { remove: () => {
-      r.delete(s), r.size === 0 && (o.disconnect(), f[t] = void 0);
-    } };
-  } };
-  return f[t] = i, i;
+var observers = {};
+function observe(attributeFilter) {
+  const attributes = attributeFilter.join(",");
+  const previousObserver = observers[attributes];
+  if (previousObserver !== void 0)
+    return previousObserver;
+  const subscribers = /* @__PURE__ */ new Set();
+  const mutationObserver = new MutationObserver((mutations) => subscribers.forEach((callback) => callback(mutations)));
+  mutationObserver.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter,
+    subtree: true
+  });
+  const observer = {
+    subscribe(callback) {
+      subscribers.add(callback);
+      return {
+        remove: () => {
+          subscribers.delete(callback);
+          if (subscribers.size === 0) {
+            mutationObserver.disconnect();
+            observers[attributes] = void 0;
+          }
+        }
+      };
+    }
+  };
+  observers[attributes] = observer;
+  return observer;
 }
-function x(e, t) {
-  let n = e;
-  for (; n; ) {
-    let r = n.closest(t);
-    if (r)
-      return r;
-    let o = n.getRootNode();
-    if (o === document)
+function closestElement(base, selector) {
+  let currentElement = base;
+  while (currentElement) {
+    const element = currentElement.closest(selector);
+    if (element) {
+      return element;
+    }
+    const rootElement = currentElement.getRootNode();
+    if (rootElement === document) {
       return null;
-    n = o.host;
+    }
+    currentElement = rootElement.host;
   }
   return null;
 }
-function m(e, t, n) {
-  return x(e, `[${t}]`)?.getAttribute(t) ?? n;
+function getElementAttribute(el, prop, fallbackValue) {
+  const closest = closestElement(el, `[${prop}]`);
+  return closest?.getAttribute(prop) ?? fallbackValue;
 }
-var A = (e) => e.charAt(0).toUpperCase() + e.slice(1);
-var T = (e) => A(e.replaceAll(/([a-z])([A-Z])/gu, "$1 $2"));
-var v = /* @__PURE__ */ new Set(["ar", "bg", "bs", "ca", "cs", "da", "de", "el", "en", "es", "et", "fi", "fr", "he", "hr", "hu", "id", "it", "ja", "ko", "lt", "lv", "nl", "nb", "pl", "pt-BR", "pt-PT", "ro", "ru", "sk", "sl", "sr", "sv", "th", "tr", "uk", "vi", "zh-CN", "zh-HK", "zh-TW"]);
-var g = "en";
-async function j(e, t, n = "") {
-  let r = `${t}/${n}`, o = `${r}${e}.json`;
-  return u[o] ?? (u[o] = S(e, r)), await u[o];
-}
-var u = {};
-async function S(e, t) {
-  let n = `${t}${e}.json`;
-  try {
-    let r = await fetch(n);
-    if (r.ok)
-      return await r.json();
-  } catch (r) {
-    return console.error(r), E;
-  }
-  return e === g ? E : await S(g, t);
-}
-var E = new Proxy({}, { get: (e, t) => T(t.toString()) });
-function M(e) {
-  let t = m(e, "lang", navigator.language || g);
-  if (v.has(t))
-    return { lang: t, t9nLocale: t };
-  let n = t.slice(0, 2);
-  return { lang: t, t9nLocale: v.has(n) ? n : g };
-}
-function Y(e, t, n, r) {
-  let o, i = () => void P(e, t, r).then((s) => {
-    (o?.lang !== s.lang || o.t9nLocale !== s.t9nLocale || o.t9nStrings !== s.t9nStrings) && n(s), o = s;
-  }).catch(console.error);
-  return i(), b(e, ["lang"], i);
-}
-async function P(e, t, n = e.tagName.toLowerCase().replace("arcgis-", "")) {
-  let { lang: r, t9nLocale: o } = M(e), i = `${t}/${n}/t9n`, s = `${n}.t9n.`, a = await j(o, i, s);
-  return { lang: r, t9nLocale: o, t9nStrings: a };
-}
-
-// src/types.ts
-var controllerSymbol = Symbol("controller");
-
-// src/utils.ts
 function safeCall(callback) {
   try {
     return callback?.();
@@ -3055,6 +3043,108 @@ async function safeAsyncCall(callback) {
   }
   return void 0;
 }
+var capitalize = (string) => string.charAt(0).toUpperCase() + string.slice(1);
+var camelToHuman = (value) => capitalize(value.replaceAll(/([a-z])([A-Z])/gu, "$1 $2"));
+var supportedLocales = /* @__PURE__ */ new Set([
+  "ar",
+  "bg",
+  "bs",
+  "ca",
+  "cs",
+  "da",
+  "de",
+  "el",
+  "en",
+  "es",
+  "et",
+  "fi",
+  "fr",
+  "he",
+  "hr",
+  "hu",
+  "id",
+  "it",
+  "ja",
+  "ko",
+  "lt",
+  "lv",
+  "nl",
+  "nb",
+  "pl",
+  "pt-BR",
+  "pt-PT",
+  "ro",
+  "ru",
+  "sk",
+  "sl",
+  "sr",
+  "sv",
+  "th",
+  "tr",
+  "uk",
+  "vi",
+  "zh-CN",
+  "zh-HK",
+  "zh-TW"
+]);
+var defaultLocale = "en";
+async function fetchT9NStringsBundle(locale, assetsPath, prefix = "") {
+  const path = `${assetsPath}/${prefix}`;
+  const filePath = `${path}${locale}.json`;
+  t9nStringsCache[filePath] ?? (t9nStringsCache[filePath] = fetchBundle(locale, path));
+  return await t9nStringsCache[filePath];
+}
+var t9nStringsCache = {};
+async function fetchBundle(locale, path) {
+  const filePath = `${path}${locale}.json`;
+  try {
+    const response = await fetch(filePath);
+    if (response.ok)
+      return await response.json();
+  } catch (error) {
+    console.error(error);
+    return fallbackBundle;
+  }
+  if (locale === defaultLocale)
+    return fallbackBundle;
+  return await fetchBundle(defaultLocale, path);
+}
+var fallbackBundle = new Proxy(
+  {},
+  {
+    get: (_target, property) => camelToHuman(property.toString())
+  }
+);
+function getElementLocales(element) {
+  const lang = getElementAttribute(element, "lang", navigator.language || defaultLocale);
+  if (supportedLocales.has(lang)) {
+    return { lang, t9nLocale: lang };
+  }
+  const rootCode = lang.slice(0, 2);
+  return { lang, t9nLocale: supportedLocales.has(rootCode) ? rootCode : defaultLocale };
+}
+function startLocaleObserver(element, assetsPath, onUpdated, assetName) {
+  let result = void 0;
+  const callback = () => void updateComponentLocateState(element, assetsPath, assetName).then((newResult) => {
+    if (result?.lang !== newResult.lang || result.t9nLocale !== newResult.t9nLocale || result.t9nStrings !== newResult.t9nStrings)
+      onUpdated(newResult);
+    result = newResult;
+  }).catch(console.error);
+  callback();
+  return observeAncestorsMutation(element, ["lang"], callback);
+}
+async function updateComponentLocateState(element, assetsPath, assetName = element.tagName.toLowerCase().replace("arcgis-", "")) {
+  const { lang, t9nLocale } = getElementLocales(element);
+  const t9nAssetsPath = `${assetsPath}/${assetName}/t9n`;
+  const prefix = `${assetName}.t9n.`;
+  const t9nStrings = await fetchT9NStringsBundle(t9nLocale, t9nAssetsPath, prefix);
+  return { lang, t9nLocale, t9nStrings };
+}
+
+// src/types.ts
+var controllerSymbol = Symbol("controller");
+
+// src/utils.ts
 function extendObject(base, extend) {
   Object.entries(extend).forEach(([key, value]) => {
     if (key in base)
@@ -3104,6 +3194,7 @@ var ControllerInternals = class {
       return controller;
     };
     this.shouldBypassSetter = false;
+    this.shouldBypassGetter = false;
     this.shouldBypassReadonly = false;
     /**
      * A map from component instance or component element to component instance.
@@ -3113,7 +3204,7 @@ var ControllerInternals = class {
     this.elementToInstance = /* @__PURE__ */ new WeakMap();
   }
   /*
-   * Allow controllers to implicitly retrive which component they are in, to
+   * Allow controllers to implicitly retrieve which component they are in, to
    * improve DX (avoids the need to pass "this" explicitly for each controller)
    */
   setAmbientComponent(component) {
@@ -3125,7 +3216,7 @@ var ControllerInternals = class {
         this._ambientComponent = void 0;
     });
   }
-  retriveComponent(name) {
+  retrieveComponent(name) {
     if (this._ambientComponent === void 0)
       throw new Error(
         [
@@ -3158,7 +3249,7 @@ var ControllerInternals = class {
       this._ambientControllers = [];
     });
   }
-  retriveParentControllers() {
+  retrieveParentControllers() {
     return this._ambientControllers;
   }
   /*
@@ -3174,7 +3265,7 @@ var ControllerInternals = class {
         this._ambientChildController = void 0;
     });
   }
-  retriveAmbientChildController() {
+  retrieveAmbientChildController() {
     const controller = this._ambientChildController;
     this._ambientChildController = void 0;
     return controller;
@@ -3183,10 +3274,10 @@ var ControllerInternals = class {
    * Try to resolve a controller, without awaiting it's load
    */
   _useRefSync(value) {
-    const ambientChildController = this.retriveAmbientChildController();
+    const ambientChildController = this.retrieveAmbientChildController();
     if (ambientChildController !== void 0)
       return ambientChildController;
-    const component = Controller.internals.retriveComponent();
+    const component = Controller.internals.retrieveComponent();
     const controller = component.manager.internals.resolveExports(value);
     if (controller !== void 0)
       return controller;
@@ -3208,7 +3299,7 @@ function retrieveComponentMeta(component) {
   constructor.__registerControllers = void 0;
   if (typeof meta !== "object")
     throw new Error(
-      "Failed to retrive internal component meta. Make sure you have the useComponentsControllers() Rollup Plugin for Stencil Controllers configured in your Stencil config."
+      "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] };
 }
@@ -3226,8 +3317,8 @@ function parsePropertyValue(value, type = 8 /* Any */) {
     return value;
 }
 var makeMemberFilter = (filter) => (component) => {
-  const meta = component.manager.internals.meta;
-  return Object.entries(meta.members ?? {}).filter(([_name, [propType]]) => (propType & filter) !== 0).map(([name]) => name);
+  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];
@@ -3255,7 +3346,7 @@ var watcherCallbackName = "dynamicWatcherCallback";
 var _a;
 var _Controller = class _Controller {
   constructor(component) {
-    this._ready = new h();
+    this._ready = new Deferred();
     this._lifecycleDisconnected = [];
     this.connectedCalled = false;
     this.willLoadCalled = false;
@@ -3270,7 +3361,7 @@ var _Controller = class _Controller {
     this._exports = makeProvisionalValue(this);
     this._exportWatchers = /* @__PURE__ */ new Set();
     const resolvedComponent = toControllerHost(
-      component ?? _Controller.internals.retriveComponent(new.target.name)
+      component ?? _Controller.internals.retrieveComponent(new.target.name)
     );
     Object.defineProperty(this, "component", {
       writable: false,
@@ -3376,7 +3467,7 @@ var _Controller = class _Controller {
    * Use cases:
    * - You have a controller and you want to make sure it's loaded before you
    *   try to use it
-   * - Your contoller is not using exports, so you wish to access some props on
+   * - Your controller is not using exports, so you wish to access some props on
    *   it directly
    * - You have a controller exports only, and you want to retrieve the
    *   controller itself. This is useful if you wish to call .watchExports() or
@@ -3392,7 +3483,7 @@ var _Controller = class _Controller {
    * of this function
    *
    * @example
-   * @Prop({mutable:true}) readOnly = this.manager.readOnly(true);
+   * @Prop() readOnly = this.manager.readOnly(true);
    *
    * someAction(): void {
    *   this.manager.bypassSetter(()=>{
@@ -3417,6 +3508,30 @@ var _Controller = class _Controller {
     _Controller.internals.shouldBypassReadonly = false;
     return result;
   }
+  /**
+   * Property reads inside of this function will bypass any custom getter you
+   * may have, and read the value directly from what's stored in Stencil.
+   *
+   * This also bypasses reactiveUtils integration - reading a property inside of
+   * bypassGetter won't make that property tracked.
+   *
+   * @example
+   * reactiveUtils.watch(
+   *   ()=>{
+   *     this.manager.bypassGetter(()=>{
+   *       console.log(this.someProp);
+   *     });
+   *     return this.prop;
+   *   },
+   *   console.log
+   * )
+   */
+  bypassGetter(callback) {
+    _Controller.internals.shouldBypassGetter = true;
+    const result = safeCall(callback);
+    _Controller.internals.shouldBypassGetter = false;
+    return result;
+  }
   /**
    * Like this.manager.getSet(), but can be called on any component's
    * state/prop from anywhere, rather than just from the default value
@@ -3431,25 +3546,14 @@ var _Controller = class _Controller {
    */
   genericGetSet(property, getSet) {
     var _a2, _b;
-    const classPrototype = Object.getPrototypeOf(this.component);
-    this.internals.getSetProxy(classPrototype, property, getSet, "class");
-    const htmlPrototype = Object.getPrototypeOf(this.component.el);
-    if (classPrototype !== htmlPrototype)
-      this.internals.getSetProxy(htmlPrototype, property, getSet, "html");
     const genericGetSet = getSet;
     if (genericGetSet.get !== void 0) {
       (_a2 = this.internals.getters)[property] ?? (_a2[property] = []);
-      if (getSet.order === "last")
-        this.internals.getters[property].splice(-1, 0, genericGetSet.get);
-      else
-        this.internals.getters[property].unshift(genericGetSet.get);
+      this.internals.getters[property].unshift(genericGetSet.get);
     }
     if (genericGetSet.set !== void 0) {
       (_b = this.internals.setters)[property] ?? (_b[property] = []);
-      if (getSet.order === "last")
-        this.internals.setters[property].splice(-1, 0, genericGetSet.set);
-      else
-        this.internals.setters[property].unshift(genericGetSet.set);
+      this.internals.setters[property].unshift(genericGetSet.set);
     }
   }
   // FEATURE: improve typings
@@ -3602,9 +3706,9 @@ function makeProvisionalValue(base) {
       console.error(`Trying to access "${prop.toString()}" on the controller before it's loaded. ${accessBeforeLoad}`);
       return void 0;
     },
-    set(target, prop, newValue, reciever) {
+    set(target, prop, newValue, receiver) {
       console.error(`Trying to set "${prop.toString()}" on the controller before it's loaded. ${accessBeforeLoad}`);
-      return Reflect.set(target, prop, newValue, reciever);
+      return Reflect.set(target, prop, newValue, receiver);
     }
   });
   return proxy3;
@@ -3644,13 +3748,14 @@ function trackPropertyKey(object, onResolved, defaultValue) {
     pendingTrackers.keyCount = keyCount;
   }
   pendingTrackers.callbacks.push((keys2) => {
+    const callback = (key2) => safeCall(() => onResolved(key2));
     const key = keys2[keyCount];
     if (key === void 0)
-      onResolved(void 0);
+      callback(void 0);
     else if (object[key] === defaultValue)
-      onResolved(key);
+      callback(key);
     else
-      onResolved(void 0);
+      callback(void 0);
   });
   return defaultValue;
 }
@@ -3710,7 +3815,7 @@ var ComponentInternals = class {
         queueMicrotask(() => this._firePropertyTrackers(void 0, void 0, void 0));
       this._trackedValue = defaultValue;
       this._keyTrackers.push(
-        (key, value, previousValue) => onResolved(defaultValue === value ? key : void 0, previousValue)
+        (key, value, previousValue) => safeCall(() => onResolved(defaultValue === value ? key : void 0, previousValue))
       );
       return defaultValue;
     };
@@ -3718,6 +3823,8 @@ var ComponentInternals = class {
     this._keyTrackers = [];
     this.getters = {};
     this.setters = {};
+    this.accessorGetter = {};
+    this.accessorSetter = {};
     this._exports = /* @__PURE__ */ new WeakMap();
     Object.defineProperty(this, "component", {
       writable: false,
@@ -3733,15 +3840,22 @@ var ComponentInternals = class {
     trackers.forEach((tracker) => tracker(key, value, oldValue));
   }
   /**
-   * Configure a getter or setter for a given @Prop/@State. Note, since props
-   * are defined on the prototype, they are shared between all instances of a
-   * component. Thus instead of passing function reference to
-   * Object.defineProperty, we use instance-owned getters and setters array.
+   * Configure a getter or setter for a given \@Prop/\@State
+   *
+   * Note, since props are defined on the prototype, they are shared between all
+   * instances of a component. Thus, instead of passing a reference to the
+   * getter/setter function, you should update the
+   * ComponentInternals.getters/setters properties, and then call getSetProxy
+   * to apply the changes to the prototype
    */
-  getSetProxy(prototype, name, {
-    get,
-    set
-  }, type) {
+  getSetProxy(property, hasGetter, hasSetter) {
+    const classPrototype = Object.getPrototypeOf(this.component);
+    this._getSetProxy(classPrototype, property, hasGetter, hasSetter, "class");
+    const htmlPrototype = Object.getPrototypeOf(this.component.el);
+    if (classPrototype !== htmlPrototype)
+      this._getSetProxy(htmlPrototype, property, hasGetter, hasSetter, "html");
+  }
+  _getSetProxy(prototype, name, hasGetter, hasSetter, type) {
     const component = this.component;
     const propType = getMemberType(component, name);
     const descriptor = Object.getOwnPropertyDescriptor(prototype, name);
@@ -3758,36 +3872,37 @@ var ComponentInternals = class {
     const { get: originalGet, set: originalSet } = descriptor;
     const isGetterAlreadyOverwritten = customAccessor in originalGet;
     const isSetterAlreadyOverwritten = customAccessor in originalSet;
-    const shouldOverwriteGet = !isGetterAlreadyOverwritten && typeof get === "function";
-    const shouldOverwriteSet = !isSetterAlreadyOverwritten && typeof set === "function";
+    const shouldOverwriteGet = !isGetterAlreadyOverwritten && hasGetter;
+    const shouldOverwriteSet = !isSetterAlreadyOverwritten && hasSetter;
     if (!shouldOverwriteGet && !shouldOverwriteSet)
       return;
     const finalGetter = shouldOverwriteGet ? function getter() {
       let value = originalGet.call(this);
+      if (Controller.internals.shouldBypassGetter)
+        return value;
       const component2 = Controller.internals.elementToInstance.get(this);
-      const getters = component2?.manager.internals.getters[name] ?? [];
+      const internals = component2.manager.internals;
+      value = internals.accessorGetter[name](value, name);
+      const getters = internals.getters[name] ?? emptyArray;
       for (let i = 0; i < getters.length; i++)
         value = getters[i](value, name);
       return value;
     } : originalGet;
     const finalSetter = shouldOverwriteSet ? function setter(rawNewValue) {
-      if (Controller.internals.shouldBypassSetter) {
-        originalSet.call(this, rawNewValue);
-        return;
-      }
       const oldValue = originalGet.call(this);
       let newValue = parsePropertyValue(rawNewValue, propType);
       const component2 = Controller.internals.elementToInstance.get(this);
-      const internals = component2?.manager.internals;
+      const internals = component2.manager.internals;
       if (newValue === oldValue)
         originalSet.call(this, rawNewValue);
       else {
-        const setters = internals?.setters[name] ?? [];
+        const setters = Controller.internals.shouldBypassSetter ? emptyArray : internals.setters[name] ?? emptyArray;
         for (let i = 0; i < setters.length; i++)
           newValue = setters[i](newValue, oldValue, name);
+        newValue = internals.accessorSetter[name](newValue, oldValue, name);
         originalSet.call(this, newValue);
       }
-      if ((internals?._keyTrackers.length ?? 0) > 0)
+      if (internals._keyTrackers.length > 0)
         internals?._firePropertyTrackers(name, rawNewValue, oldValue);
     } : originalSet;
     if (shouldOverwriteGet)
@@ -3815,59 +3930,42 @@ var ComponentInternals = class {
       return void 0;
   }
 };
+var emptyArray = [];
 var customAccessor = Symbol("controllersCustomAccessor");
 var nothing = Symbol("nothing");
-
-// ../core-adapter/dist/index.js
-var isAMD = typeof window !== "undefined" && "$arcgis" in window && typeof window.$arcgis === "object" && "import" in window.$arcgis;
-function isDefaultModule(module) {
-  return module.default !== void 0;
-}
-async function importCoreAccessor() {
-  if (isAMD) {
-    return await window.$arcgis.import("esri/core/Accessor");
-  }
-  const module = await Promise.resolve().then(function () { return require('./Accessor-U5QUEX2T-e8f5e012.js'); });
-  return isDefaultModule(module) ? module.default : module;
-}
-async function importCoreAccessorSupportDecorators() {
-  if (isAMD) {
-    return await window.$arcgis.import("esri/core/accessorSupport/decorators");
-  }
-  const module = await Promise.resolve().then(function () { return require('./decorators-5KFQ5FDO-45eeb3a7.js'); });
-  return isDefaultModule(module) ? module.default : module;
-}
-
-// src/accessorIntegration.ts
-var accessorPromise = Promise.all([importCoreAccessor(), importCoreAccessorSupportDecorators()]);
-async function accessorIntegration(component) {
-  let accessor = void 0;
-  const getSet = {
-    get: (value, propertyName) => {
-      const accessorValue = accessor?.[propertyName];
-      return value ?? accessorValue ?? value;
-    },
-    set: (newValue, oldValue, propertyName) => {
+var accessorPromise = Promise.all([arcadeDefaults.importCoreAccessor(), arcadeDefaults.importCoreAccessorSupportDecorators()]);
+function reactiveUtilsIntegration(component) {
+  const members = getPropLikeMembers(component);
+  const internals = component.manager.internals;
+  members.forEach((name) => {
+    internals.accessorGetter[name] = defaultGetterSetter;
+    internals.accessorSetter[name] = defaultGetterSetter;
+    internals.getSetProxy(name, true, true);
+  });
+  return async (enabledMembers = members) => {
+    const [Accessor, { subclass, property }] = await accessorPromise;
+    class AccessorSubclass extends Accessor {
+    }
+    const getter = (_value, propertyName) => accessor[propertyName];
+    function setter(newValue, _oldValue, propertyName) {
       if (accessor !== void 0)
         accessor[propertyName] = newValue;
       return newValue;
     }
-  };
-  const members = getPropLikeMembers(component);
-  members.forEach((member) => component.manager.genericGetSet(member, getSet));
-  const [Accessor, { subclass, property }] = await accessorPromise;
-  return () => {
-    class AccessorSubclass extends Accessor {
-    }
-    members.forEach(
-      (name) => property({
-        value: component[name]
-      })(AccessorSubclass.prototype, name)
+    component.manager.bypassGetter(
+      () => enabledMembers.forEach((name) => {
+        internals.accessorGetter[name] = getter;
+        internals.accessorSetter[name] = setter;
+        property({
+          value: component[name]
+        })(AccessorSubclass.prototype, name);
+      })
     );
     const Subclass = subclass(component.el.tagName)(AccessorSubclass);
-    accessor = new Subclass();
+    const accessor = new Subclass();
   };
 }
+var defaultGetterSetter = (value) => value;
 
 // src/ControllerManager.ts
 var useControllerManager = (component) => new ControllerManager(component);
@@ -3889,12 +3987,12 @@ var ControllerManager = class extends GenericController {
     };
     extendObject(component, controllerHost);
     super(component);
-    this._connected = new h();
+    this._connected = new Deferred();
     this.internals = new ComponentInternals(this.component);
     this.connected = this._connected.promise;
     this.hasDestroy = false;
     this.destroyed = false;
-    this._updatePromise = new h();
+    this._updatePromise = new Deferred();
     this._originalLifecycles = {};
     /**
      * A magical solution to finding out what property name a given controller
@@ -3939,6 +4037,26 @@ var ControllerManager = class extends GenericController {
      * \@Prop() decorator or not
      */
     this.trackKey = this.internals.trackKey;
+    this._readonlySetter = (newValue, _oldValue, property) => {
+      if (Controller.internals.shouldBypassReadonly)
+        return newValue;
+      const isProp = getPropType(this.component, property) === "prop";
+      if (isProp)
+        index.forceUpdate(this.component);
+      throw new Error(
+        `Cannot assign to read-only property "${property}" of ${this.component.el.tagName.toLowerCase()}. Trying to assign "${String(
+          newValue
+        )}"`
+      );
+    };
+    /**
+     * In development, on hot module reload, controller would be re-initialized
+     * with all Props and State values persistent, but properties lost. This unsafe
+     * development-only API lets you set or get data for a controller that would
+     * persist across hot reloads.
+     */
+    this.devOnlySetPersistentControllerData = void 0 ;
+    this.devOnlyGetPersistentControllerData = void 0 ;
     this.component.manager = this;
     retrieveComponentMeta(component);
     this._controllers = controllers;
@@ -3951,8 +4069,7 @@ var ControllerManager = class extends GenericController {
     Object.defineProperty(component, "updateComplete", {
       get: async () => await this._updatePromise.promise
     });
-    this.component.addController(this);
-    this._accessorIntegrationReady = accessorIntegration(this.component);
+    this.internals.reactiveUtilsIntegration = reactiveUtilsIntegration(this.component);
     Controller.internals.setParentController(void 0);
     Controller.internals.setAmbientComponent(component);
     Controller.internals.elementToInstance.set(component.el, component);
@@ -4021,8 +4138,7 @@ var ControllerManager = class extends GenericController {
       this._preserveOnDisconnectWatcher();
   }
   async _componentWillLoad() {
-    const enableIntegration = await this._accessorIntegrationReady;
-    enableIntegration();
+    await this.internals.reactiveUtilsIntegration();
     await Promise.allSettled(
       Array.from(
         this._controllers,
@@ -4067,7 +4183,7 @@ var ControllerManager = class extends GenericController {
     );
     this._originalLifecycles.componentDidUpdate?.call(this.component);
     const updatePromise = this._updatePromise;
-    this._updatePromise = new h();
+    this._updatePromise = new Deferred();
     updatePromise.resolve(true);
   }
   async destroy() {
@@ -4108,18 +4224,6 @@ var ControllerManager = class extends GenericController {
   readonly(value) {
     return this.getSet(value, { set: this._readonlySetter });
   }
-  _readonlySetter(newValue, _oldValue, property) {
-    if (Controller.internals.shouldBypassReadonly)
-      return newValue;
-    const isProp = getPropType(this.component, property) === "prop";
-    if (isProp)
-      index.forceUpdate(this.component);
-    throw new Error(
-      `Cannot assign to read-only property "${property}" of ${this.component.el.tagName.toLowerCase()}. Trying to assign "${String(
-        newValue
-      )}"`
-    );
-  }
   /**
    * Listen for any component's @State()/@Prop() change, and mutate it's
    * value before it is set.
@@ -4175,7 +4279,7 @@ ${// Don't expose internal code in production, and keep bundle smaller:
 
 // src/proxyExports.ts
 var proxyExports = (Class) => (...args) => {
-  const ambientControllers = Controller.internals.retriveParentControllers();
+  const ambientControllers = Controller.internals.retrieveParentControllers();
   const instance = new Class(...args);
   const initialExports = instance.exports;
   Controller.internals.setParentController(ambientControllers.at(-1));
@@ -4254,20 +4358,21 @@ function useT9n({
 } = {}) {
   return makeController((component, controller) => {
     controller.onLifecycle(
-      () => Y(
+      () => startLocaleObserver(
         component.el,
         index.getAssetPath("./assets"),
         ({ t9nLocale, t9nStrings, lang }) => {
           controller.exports = { ...t9nStrings, _lang: lang, _t9nLocale: t9nLocale };
-          if (typeof t9nStrings.widgetLabel === "string" && "label" in component)
-            component.label ?? (component.label = t9nStrings.widgetLabel);
+          const label = t9nStrings.componentLabel ?? t9nStrings.widgetLabel;
+          if (typeof label === "string" && "label" in component && component.label == null)
+            component.label ?? (component.label = label);
         },
         name
       )
     );
     if (blocking)
       return controller.ready;
-    const locale = M(component.el);
+    const locale = getElementLocales(component.el);
     return { _lang: locale.lang, _t9nLocale: locale.t9nLocale };
   });
 }
@@ -4312,18 +4417,18 @@ function setupMonacoEnvironment(assetsPath) {
                     break;
             }
             // If we have a relative path or we are on same orgin, we can use the default js implementation
-            if (!arcadeDefaults.de(url) || arcadeDefaults.ge(url, globalThis.location.href, true)) {
+            if (!arcadeDefaults.isURL(url) || arcadeDefaults.hasSameOrigin(url, globalThis.location.href, true)) {
                 return new Worker(url, { name: languageId });
             }
             // For cross orgin, we will load the worker code as a string and manufacture a blob
             const esriRequest = await arcadeDefaults.importRequest();
             const response = await esriRequest(url, {
-                responseType: "text"
+                responseType: "text",
             });
             return new Worker(URL.createObjectURL(new Blob([response.data], {
-                type: "text/javascript"
+                type: "text/javascript",
             })));
-        }
+        },
     };
 }
 
@@ -4362,9 +4467,9 @@ function setupArcadeTheme() {
                 { token: "keyword.arc", foreground: colors.keyword },
                 { token: "identifier.arc", foreground: colors.identifier },
                 { token: "number.arc", foreground: colors.number },
-                { token: "string.arc", foreground: colors.string }
+                { token: "string.arc", foreground: colors.string },
             ],
-            colors: {}
+            colors: {},
         });
     });
 }
@@ -4419,14 +4524,14 @@ async function getArcadeWorker(uri) {
  * @returns arcade mode module
  */
 async function getMode() {
-    return await Promise.resolve().then(function () { return require('./arcade-mode-85df9043.js'); });
+    return await Promise.resolve().then(function () { return require('./arcade-mode-c53bfc0e.js'); });
 }
 // Register the language in Monaco
 arcadeDefaults.languages.register({
     id: arcadeDefaults.arcadeDefaults.languageId,
     aliases: ["Arcade", "arcade"],
     extensions: [".arc"],
-    mimetypes: ["application/arcade"]
+    mimetypes: ["application/arcade"],
 });
 // An event emitted when a language is first time needed
 arcadeDefaults.languages.onLanguage(arcadeDefaults.arcadeDefaults.languageId, () => {
@@ -4556,7 +4661,7 @@ const ArcgisArcadeApi = class {
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            arcadeDefaults.W(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            arcadeDefaults.setFocusOnElement(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -4567,14 +4672,14 @@ const ArcgisArcadeApi = class {
         if (!filteredApiItems.length) {
             return null;
         }
-        return (index.h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (index.h("calcite-list-item", { label: arcadeDefaults.oe(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, index.h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "Expand", icon: "chevron-right", iconFlipRtl: true, scale: "s", onClick: this._selectItem, "data-item": apiItem }))))));
+        return (index.h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (index.h("calcite-list-item", { label: arcadeDefaults.addLTRMark(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, index.h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "Expand", icon: "chevron-right", iconFlipRtl: true, scale: "s", onClick: this._selectItem, "data-item": apiItem }))))));
     }
     renderApiItemFlowItem() {
         const apiItem = this._selectedApiItem;
         if (!apiItem) {
             return null;
         }
-        return (index.h("calcite-flow-item", { heading: this.messages.constantsandfunctions, beforeBack: this._unselectItem, closable: true, onCalciteFlowItemClose: this._emitClose }, this.hideDocumentationActions ? null : (index.h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", scale: "s", href: apiItem.link, target: "Arcade Help", "icon-start": "information" }, this.messages.moreinformation)), index.h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => void e?.setFocus() }, this.messages.insert ?? "Insert"), index.h("calcite-block", { open: true, heading: arcadeDefaults.oe(apiItem.completion.detail) }, index.h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (index.h("div", { ref: (e) => {
+        return (index.h("calcite-flow-item", { heading: this.messages.constantsandfunctions, beforeBack: this._unselectItem, closable: true, onCalciteFlowItemClose: this._emitClose }, this.hideDocumentationActions ? null : (index.h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", scale: "s", href: apiItem.link, target: "Arcade Help", "icon-start": "information" }, this.messages.moreinformation)), index.h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => void e?.setFocus() }, this.messages.insert ?? "Insert"), index.h("calcite-block", { open: true, heading: arcadeDefaults.addLTRMark(apiItem.completion.detail) }, index.h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (index.h("div", { ref: (e) => {
                 if (!e) {
                     return;
                 }
@@ -4775,7 +4880,7 @@ async function executeScript(editorProfile, script, testContext, console) {
         // Setup an executor with the script
         const arcade = await arcadeDefaults.importArcade();
         const executor = await arcade.createArcadeExecutor(script ?? "", {
-            variables: editorProfile?.variables ?? []
+            variables: editorProfile?.variables ?? [],
         });
         // We want to measure the execution time
         const t1 = performance.now();
@@ -4785,7 +4890,7 @@ async function executeScript(editorProfile, script, testContext, console) {
             spatialReference,
             timeZone,
             rawOutput: true,
-            console
+            console,
         };
         // Execute the script
         const scriptOutput = await executor.executeAsync(profileVariableInstances, executeContext);
@@ -4809,7 +4914,7 @@ async function executeScript(editorProfile, script, testContext, console) {
             error,
             timeStamp,
             compilationTime: 0,
-            executionTime: 0
+            executionTime: 0,
         };
     }
 }
@@ -4822,8 +4927,8 @@ const ArcgisArcadeEditor = class {
         this.scriptChange = index.createEvent(this, "scriptChange", 3);
         this.diagnosticsChange = index.createEvent(this, "diagnosticsChange", 3);
         this.manager = useControllerManager(this);
-        this._componentReadyDefer = new arcadeDefaults.h();
-        this._modelId = arcadeDefaults.Q();
+        this._componentReadyDefer = new arcadeDefaults.Deferred();
+        this._modelId = arcadeDefaults.generateGuid();
         this._editorProfilePromise = Promise.resolve(undefined);
         this._disposables = [];
         this._executeScript = async () => {
@@ -4903,7 +5008,7 @@ const ArcgisArcadeEditor = class {
     }
     _snippetChanged() {
         arcadeDefaults.arcadeDefaults.updateApiContextForModel(this._modelId, {
-            snippets: this.snippets
+            snippets: this.snippets,
         });
     }
     // #endregion
@@ -4952,7 +5057,7 @@ const ArcgisArcadeEditor = class {
      * @internal
      */
     async updateThemeColors(colorRules) {
-        const theme = arcadeDefaults._(this.el);
+        const theme = arcadeDefaults.getElementTheme(this.el);
         updateThemeColors(theme, colorRules);
         if (colorRules === undefined) {
             colorRulesKeys.forEach((key) => {
@@ -5002,7 +5107,7 @@ const ArcgisArcadeEditor = class {
                 if (this.testData) {
                     this._executeScript().catch(console.error);
                 }
-            }
+            },
         });
         await this._codeEditorElt?.setFocus();
     }
@@ -5024,7 +5129,7 @@ const ArcgisArcadeEditor = class {
             // Set a new profile for the model using the profile definition and the locale.
             await arcadeDefaults.arcadeDefaults.setProfileForModel(this._modelId, this.profile, {
                 locale: this.messages._t9nLocale,
-                snippets: this.snippets
+                snippets: this.snippets,
             });
             // Get the corresponding editor profile for the model.
             // The editor profile contains the specialized profile for the UI.
@@ -5053,7 +5158,7 @@ const ArcgisArcadeEditor = class {
     }
     //#endregion
     //#region Rendering the Action Bar
-    renderAction({ id, label, icon, active, panelName, onClick = this._toggleSidePanel }) {
+    renderAction({ id, label, icon, active, panelName, onClick = this._toggleSidePanel, }) {
         return (index.h(index.Fragment, null, index.h("calcite-action", { id: id, text: label, icon: icon, active: active, onClick: onClick, "data-panel-name": panelName }), !this.sideActionBarExpanded && (index.h("calcite-tooltip", { label: label, "reference-element": id }, index.h("span", null, label)))));
     }
     renderSideActionBar() {
@@ -5065,20 +5170,20 @@ const ArcgisArcadeEditor = class {
             label: this.messages.profilevariables ?? "Profile variables",
             icon: "profile-variables",
             active: this.openedSidePanel === "variables",
-            panelName: "variables"
+            panelName: "variables",
         }), this.renderAction({
             id: "function-action",
             label: this.messages.constantsandfunctions ?? "Constants and functions",
             icon: "function",
             active: this.openedSidePanel === "api",
-            panelName: "api"
+            panelName: "api",
         }), this.suggestions?.length
             ? this.renderAction({
                 id: "suggestions-action",
                 label: this.messages.suggestions ?? "Suggestions",
                 icon: "lightbulb",
                 active: this.openedSidePanel === "suggestions",
-                panelName: "suggestions"
+                panelName: "suggestions",
             })
             : null, this.hideDocumentationActions
             ? null
@@ -5088,7 +5193,7 @@ const ArcgisArcadeEditor = class {
                 icon: "question",
                 active: false,
                 panelName: "none",
-                onClick: this._openArcadeHelp
+                onClick: this._openArcadeHelp,
             }))));
     }
     //#endregion
@@ -5138,13 +5243,13 @@ const treeProps = {
     lines: true,
     selectionMode: "none",
     scale: "s",
-    onCalciteTreeSelect: (e) => e.target.selectedItems.forEach((itemElt) => (itemElt.selected = false))
+    onCalciteTreeSelect: (e) => e.target.selectedItems.forEach((itemElt) => (itemElt.selected = false)),
 };
 const expandableTreeItemProps = {
     onClick: (e) => {
         const item = e.currentTarget;
         item.expanded = !item.expanded;
-    }
+    },
 };
 //#endregion
 //#region Helper Functions
@@ -5163,7 +5268,7 @@ function renderSimpleValue(arcadeResult) {
         case "null":
             return index.h("span", { class: "constant-value" }, arcadeResult.type);
         case "text":
-            return index.h("span", { class: "string-value" }, arcadeDefaults.te(arcadeResult.value));
+            return index.h("span", { class: "string-value" }, arcadeDefaults.quoteString(arcadeResult.value));
         case "number":
             return index.h("span", { class: "number-value" }, arcadeResult.value.toString());
         case "boolean":
@@ -5171,9 +5276,9 @@ function renderSimpleValue(arcadeResult) {
         case "date":
             return index.h("span", { class: "date-value" }, formatArcadeResultDate(arcadeResult));
         case "dateOnly":
-            return index.h("span", { class: "string-value" }, arcadeDefaults.te(formatArcadeResultDateOnly(arcadeResult)));
+            return index.h("span", { class: "string-value" }, arcadeDefaults.quoteString(formatArcadeResultDateOnly(arcadeResult)));
         case "time":
-            return index.h("span", { class: "string-value" }, arcadeDefaults.te(formatArcadeResultTimeOnly(arcadeResult)));
+            return index.h("span", { class: "string-value" }, arcadeDefaults.quoteString(formatArcadeResultTimeOnly(arcadeResult)));
         default:
             return null;
     }
@@ -5239,23 +5344,23 @@ const ArcgisArcadeResults = class {
             return index.h("calcite-loader", { scale: "s", type: "indeterminate", label: "" });
         }
         const iconClass = this.result?.type === "error" ? "color-error" : "color-success";
-        return (index.h("calcite-list", null, this.result ? (index.h(index.Fragment, null, index.h("calcite-list-item", { label: arcadeDefaults.re(this.messages.lastexecutionformat, {
+        return (index.h("calcite-list", null, this.result ? (index.h(index.Fragment, null, index.h("calcite-list-item", { label: arcadeDefaults.setValuesInString(this.messages.lastexecutionformat, {
                 timeStamp: new Intl.DateTimeFormat(this.messages._t9nLocale, {
                     dateStyle: "medium",
-                    timeStyle: "medium"
-                }).format(this.result.timeStamp)
-            }) }, index.h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), index.h("calcite-list-item", { label: arcadeDefaults.re(this.messages.compilationtimeformat, {
+                    timeStyle: "medium",
+                }).format(this.result.timeStamp),
+            }) }, index.h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), index.h("calcite-list-item", { label: arcadeDefaults.setValuesInString(this.messages.compilationtimeformat, {
                 time: new Intl.NumberFormat(this.messages._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
-                    maximumFractionDigits: 2
-                }).format(this.result.compilationTime ?? 0)
-            }) }, index.h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), index.h("calcite-list-item", { label: arcadeDefaults.re(this.messages.executiontimeformat, {
+                    maximumFractionDigits: 2,
+                }).format(this.result.compilationTime ?? 0),
+            }) }, index.h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), index.h("calcite-list-item", { label: arcadeDefaults.setValuesInString(this.messages.executiontimeformat, {
                 time: new Intl.NumberFormat(this.messages._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
-                    maximumFractionDigits: 2
-                }).format(this.result.executionTime ?? 0)
+                    maximumFractionDigits: 2,
+                }).format(this.result.executionTime ?? 0),
             }) }, index.h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })))) : (index.h("calcite-list-item", { label: this.messages.runscriptmessage ?? "No output, run the script once." }, index.h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: "color-info" })))));
     }
     renderOutputPanel() {
@@ -5267,8 +5372,8 @@ const ArcgisArcadeResults = class {
         }
         switch (this.result?.type) {
             case "error":
-                return (index.h("div", { class: "result-value-simple flex-adjustable" }, arcadeDefaults.re(this.messages.executionerrorformat, {
-                    message: this.result.value
+                return (index.h("div", { class: "result-value-simple flex-adjustable" }, arcadeDefaults.setValuesInString(this.messages.executionerrorformat, {
+                    message: this.result.value,
                 })));
             case "null":
             case "unknown":
@@ -5304,8 +5409,8 @@ const ArcgisArcadeResults = class {
     renderArrayHeader(arcadeResult) {
         const items = arcadeResult.value ?? [];
         const leftoverCount = Math.max(items.length - MaxArrayItems, 0);
-        return (index.h(index.Fragment, null, index.h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (index.h("span", null, "\u00A0", arcadeDefaults.re(this.messages.showingfirstitemsformat, {
-            count: MaxArrayItems.toString()
+        return (index.h(index.Fragment, null, index.h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (index.h("span", null, "\u00A0", arcadeDefaults.setValuesInString(this.messages.showingfirstitemsformat, {
+            count: MaxArrayItems.toString(),
         }))) : null));
     }
     renderArrayTree(items, subtree = false) {
@@ -5350,8 +5455,8 @@ const ArcgisArcadeResults = class {
         }
     }
     renderFeatureSetLabel(arcadeResult) {
-        return (index.h("div", { class: "value-type" }, index.h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (index.h("span", null, "\u00A0", arcadeDefaults.re(this.messages.showingfirstitemsformat, {
-            count: BatchSize.toString()
+        return (index.h("div", { class: "value-type" }, index.h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (index.h("span", null, "\u00A0", arcadeDefaults.setValuesInString(this.messages.showingfirstitemsformat, {
+            count: BatchSize.toString(),
         }))) : null));
     }
     render() {
@@ -5443,7 +5548,7 @@ const ArcgisArcadeSuggestions = class {
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            arcadeDefaults.W(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            arcadeDefaults.setFocusOnElement(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -5564,7 +5669,7 @@ const ArcgisArcadeVariables = class {
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            arcadeDefaults.W(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            arcadeDefaults.setFocusOnElement(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -5598,7 +5703,7 @@ const ArcgisArcadeVariables = class {
     }
     renderEditorVariables(collection) {
         // Filter the variables. Skip group, we will filter the children later on.
-        const filterExpression = arcadeDefaults.ne(this._filterValue);
+        const filterExpression = arcadeDefaults.createFilterExpression(this._filterValue);
         const filteredVariables = collection.variables.filter((variable) => variable.passFilter(filterExpression));
         if (!filteredVariables.length) {
             return index.h("div", { class: "notice-container" }, this.messages.noitems ?? "No item");
@@ -5640,20 +5745,20 @@ const EditorOptionsDefaults = {
     renderLineHighlight: "none",
     suggest: {
         snippetsPreventQuickSuggestions: false,
-        showWords: false
+        showWords: false,
     },
     tabSize: 2,
-    useShadowDOM: true
+    useShadowDOM: true,
 };
 const ArcgisCodeEditor = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.valueChange = index.createEvent(this, "valueChange", 3);
-        this._componentReadyDefer = new arcadeDefaults.h();
+        this._componentReadyDefer = new arcadeDefaults.Deferred();
         this._disposables = [];
         this.value = undefined;
         this.language = undefined;
-        this.modelId = arcadeDefaults.Q();
+        this.modelId = arcadeDefaults.generateGuid();
         this.options = undefined;
     }
     valuePropChange(newValue) {
@@ -5781,7 +5886,7 @@ const ArcgisCodeEditor = class {
             ...(this.options ?? {}),
             model,
             fixedOverflowWidgets: true,
-            scrollBeyondLastLine: false
+            scrollBeyondLastLine: false,
         });
         this._disposables.push(this._editorInstance);
         // Set the value now to trigger a diagnostic again
@@ -5795,7 +5900,7 @@ const ArcgisCodeEditor = class {
             this.valueChange.emit(script);
         });
         // Detect if the host element or its ancestors got a theme attribute mutation
-        this._themeObserver = arcadeDefaults.b(this._hostElt, ["class"], () => this.updateTheme());
+        this._themeObserver = arcadeDefaults.observeAncestorsMutation(this._hostElt, ["class"], () => this.updateTheme());
         // Update the theme of the Monaco Editor
         this.updateTheme();
         // Creates a resize observer to re-layout the editor on size changing
@@ -5826,7 +5931,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 = arcadeDefaults._(this._hostElt) === "light" ? "vs" : "vs-dark";
+        const theme = arcadeDefaults.getElementTheme(this._hostElt) === "light" ? "vs" : "vs-dark";
         if (theme === this._currentTheme) {
             return;
         }
@@ -5851,7 +5956,7 @@ const ArcgisCodeEditor = class {
             contextMenuOrder: 1,
             // Method that will be executed when the action is triggered.
             // @param editor The editor instance is passed in as a convenience
-            run: async () => await zoomInFn?.run()
+            run: async () => await zoomInFn?.run(),
         });
         this._editorInstance?.addAction({
             id: "editor.action.fontZoomOut",
@@ -5859,7 +5964,7 @@ const ArcgisCodeEditor = class {
             keybindings: [arcadeDefaults.KeyMod.CtrlCmd | arcadeDefaults.KeyCode.Minus],
             contextMenuGroupId: "zooming",
             contextMenuOrder: 2,
-            run: async () => await zoomOutFn?.run()
+            run: async () => await zoomOutFn?.run(),
         });
     }
     //#endregion