@arcgis/lumina 4.34.0-next.14 → 4.34.0-next.140

package/LICENSE.md

@@ -1,6 +1,6 @@
 # Licensing
 
-COPYRIGHT © 2025 Esri
+COPYRIGHT © Esri
 
 All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
 

package/README.md

@@ -8,14 +8,6 @@ It is not intended to be used directly, but rather used as a dependency by other
 
 ## License
 
-COPYRIGHT © 2025 Esri
+COPYRIGHT © Esri
 
-All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
-
-This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement. You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
-
-See use restrictions at <http://www.esri.com/legal/pdfs/mla_e204_e300/english>
-
-For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal Services Department 380 New York Street Redlands, California, USA 92373 USA
-
-email: contracts@esri.com
+This package is licensed under the terms described in the `LICENSE.md` file, located in the root of the package.

package/dist/{Controller-BQOv8BAL.js → Controller-ftAEcdmI.js}

@@ -1,126 +1,12 @@
-import { isEsriInternalEnv, safeCall, Deferred, safeAsyncCall } from "@arcgis/components-utils";
+import { safeCall, isEsriInternalEnv, safeAsyncCall } from "@arcgis/toolkit/error";
+import { r as retrieveComponent, d as retrieveParentControllers, b as setParentController, s as setAmbientComponent, u as use, k as useRef, l as useRefSync, c as controllerSymbol } from "./ControllerInternals-CWQrfEA8.js";
 import { nothing } from "lit";
-const controllerSymbol = Symbol.for("controller");
-const isController = (value) => typeof value === "object" && value !== null && (controllerSymbol in value || "hostConnected" in value || "hostDisconnected" in value || "hostUpdate" in value || "hostUpdated" in value);
-const isPromise = (arg) => typeof arg?.then === "function";
-const getControllersCount = (component) => component.M.length;
-let ambientComponent;
-const setAmbientComponent = (component) => {
-  if (ambientComponent === component) {
-    return;
-  }
-  ambientComponent = component;
-  queueMicrotask(() => ambientComponent === component ? ambientComponent = void 0 : 0);
-};
-const retrieveComponent = (name) => {
-  if (process.env.NODE_ENV !== "production" && ambientComponent === void 0) {
-    throw new Error(
-      [
-        `Unable to find out which component ${name || "this"} controller `,
-        "belongs to. Possible causes:\n",
-        "- You might have multiple versions of ",
-        "@arcgis/lumina package installed\n",
-        ...isEsriInternalEnv() ? [
-          "- You tried to create controller outside the component. If so, ",
-          "please wrap your controller definition in an arrow function (like",
-          "`const myController = ()=>makeController(...);`) and call that",
-          "function inside the component (`my = myController();`), or ",
-          "define your controller using makeGenericController/GenericController ",
-          "instead.\n",
-          "- You tried to create a controller inside an async function. ",
-          "This is allowed without calling controller.use(). Make sure you ",
-          "use it like `await controller.use(useController())`."
-        ] : []
-      ].join("")
-    );
-  }
-  return ambientComponent;
-};
-let ambientControllers = [];
-const setParentController = (controller) => {
-  if (controller === void 0) {
-    ambientControllers = [];
-    return;
-  }
-  const index = ambientControllers.indexOf(controller);
-  ambientControllers = index === -1 ? [...ambientControllers, controller] : ambientControllers.slice(0, index + 1);
-  queueMicrotask(() => ambientControllers = []);
-};
-const retrieveParentControllers = () => ambientControllers;
-let ambientChildController;
-const setAmbientChildController = (controller) => {
-  if (ambientChildController === controller) {
-    return;
-  }
-  ambientChildController = controller;
-  queueMicrotask(() => ambientChildController === controller ? ambientChildController = void 0 : 0);
-};
-const retrieveAmbientChildController = () => {
-  const controller = ambientChildController;
-  ambientChildController = void 0;
-  return controller;
-};
-const use = async (value, watchExports) => {
-  const controller = useRefSync(value);
-  if (controller === void 0) {
-    if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && typeof watchExports === "function") {
-      throw new Error(
-        `Unable to resolve a controller from the provided value, so can't watch it's exports. The value you passed is not a controller and not a controller exports. If your controller exports a literal value, try making your controller export an object instead`
-      );
-    }
-    return value;
-  }
-  await controller.ready;
-  if (typeof watchExports === "function") {
-    if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && controller.watchExports === void 0) {
-      throw new Error(`The controller must implement watchExports method to support watching exports`);
-    }
-    const unsubscribe = controller.watchExports(
-      (exports) => watchExports(exports, unsubscribe)
-    );
-  }
-  return controller.exports;
-};
-const useRef = async (value) => {
-  const controller = useRefSync(value);
-  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && controller === void 0) {
-    throw new Error(
-      `Unable to resolve a controller from the provided value. The value you passed is not a controller and not a controller exports. If your controller exports a literal value, try making your controller export an object instead`
-    );
-  }
-  await controller.ready;
-  return controller;
-};
-const useRefSync = (value) => {
-  const component = retrieveComponent();
-  const controller = component.manager.X(value);
-  if (controller !== void 0) {
-    return controller;
-  }
-  if (isController(value)) {
-    return value;
-  }
-  const ambientChildController2 = retrieveAmbientChildController();
-  if (ambientChildController2 !== void 0) {
-    return ambientChildController2;
-  }
-  return void 0;
-};
-let shouldBypassReadOnly = false;
-const bypassReadOnly = (callback) => {
-  shouldBypassReadOnly = true;
-  try {
-    return callback();
-  } finally {
-    shouldBypassReadOnly = false;
-  }
-};
-const bypassSetter = bypassReadOnly;
+import { Deferred } from "@arcgis/toolkit/promise";
 const trackPropertyKey = (object, onResolved, defaultValue) => {
   const keys = Object.keys(object);
   const keyCount = keys.length;
   if (keyTrackMap === void 0) {
-    queueMicrotask(keyTrackResolve);
+    queueMicrotask(propertyTrackResolve);
   }
   keyTrackMap ??= /* @__PURE__ */ new Map();
   let pendingTrackers = keyTrackMap.get(object);
@@ -147,7 +33,7 @@ const trackPropertyKey = (object, onResolved, defaultValue) => {
   return defaultValue;
 };
 let keyTrackMap = void 0;
-const keyTrackResolve = () => {
+const propertyTrackResolve = () => {
   keyTrackMap?.forEach(({ callbacks }, object) => {
     const keys = Object.keys(object);
     callbacks.forEach((commit) => commit(keys));
@@ -207,7 +93,7 @@ const createEventFactory = (eventName = "", options = {}, component = retrieveCo
         console.warn(`Trying to emit an ${eventName} event on a disconnected element ${component.el.localName}`);
       }
       if (eventName === "") {
-        keyTrackResolve();
+        propertyTrackResolve();
         if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && eventName === "") {
           throw new Error("Unable to resolve event name from property name");
         }
@@ -566,22 +452,10 @@ const accessBeforeLoad = process.env.NODE_ENV !== "production" && isEsriInternal
 export {
   Controller as C,
   GenericController as G,
-  shouldBypassReadOnly as a,
-  createEvent as b,
-  controllerSymbol as c,
-  setParentController as d,
-  retrieveParentControllers as e,
-  createEventFactory as f,
-  bypassSetter as g,
-  bypassReadOnly as h,
-  isPromise as i,
-  trackPropertyKey as j,
-  keyTrackResolve as k,
-  trackPropKey as l,
-  isController as m,
-  getControllersCount as n,
-  setAmbientChildController as o,
-  retrieveComponent as r,
-  setAmbientComponent as s,
+  createEventFactory as a,
+  trackPropertyKey as b,
+  createEvent as c,
+  trackPropKey as d,
+  propertyTrackResolve as p,
   trackKey as t
 };

package/dist/ControllerInternals-CWQrfEA8.js

@@ -0,0 +1,133 @@
+import { isEsriInternalEnv } from "@arcgis/toolkit/error";
+const controllerSymbol = Symbol.for("controller");
+const isController = (value) => typeof value === "object" && value !== null && (controllerSymbol in value || "hostConnected" in value || "hostDisconnected" in value || "hostUpdate" in value || "hostUpdated" in value);
+const isPromise = (arg) => typeof arg?.then === "function";
+const getControllersCount = (component) => component.M.length;
+let ambientComponent;
+const setAmbientComponent = (component) => {
+  if (ambientComponent === component) {
+    return;
+  }
+  ambientComponent = component;
+  queueMicrotask(() => ambientComponent === component ? ambientComponent = void 0 : 0);
+};
+const retrieveComponent = (name) => {
+  if (process.env.NODE_ENV !== "production" && ambientComponent === void 0) {
+    throw new Error(
+      [
+        `Unable to find out which component ${name || "this"} controller `,
+        "belongs to. Possible causes:\n",
+        "- You might have multiple versions of ",
+        "@arcgis/lumina package installed\n",
+        ...isEsriInternalEnv() ? [
+          "- You tried to create controller outside the component (in ",
+          "non-component class or in global scope).",
+          "- You accidentally defined the controller using const a = ",
+          "makeController(...); rather than const a = () => ",
+          "makeController(...);",
+          "- You tried to create a controller inside an async function. ",
+          "This is not allowed without calling controller.use(). Make ",
+          "sure you use it like `await controller.use(useController())`."
+        ] : []
+      ].join("")
+    );
+  }
+  return ambientComponent;
+};
+let ambientControllers = [];
+const setParentController = (controller) => {
+  if (controller === void 0) {
+    ambientControllers = [];
+    return;
+  }
+  const index = ambientControllers.indexOf(controller);
+  ambientControllers = index === -1 ? [...ambientControllers, controller] : ambientControllers.slice(0, index + 1);
+  queueMicrotask(() => ambientControllers = []);
+};
+const retrieveParentControllers = () => ambientControllers;
+let ambientChildController;
+const setAmbientChildController = (controller) => {
+  if (ambientChildController === controller) {
+    return;
+  }
+  ambientChildController = controller;
+  queueMicrotask(() => ambientChildController === controller ? ambientChildController = void 0 : 0);
+};
+const retrieveAmbientChildController = () => {
+  const controller = ambientChildController;
+  ambientChildController = void 0;
+  return controller;
+};
+const use = async (value, watchExports) => {
+  const controller = useRefSync(value);
+  if (controller === void 0) {
+    if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && typeof watchExports === "function") {
+      throw new Error(
+        `Unable to resolve a controller from the provided value, so can't watch it's exports. The value you passed is not a controller and not a controller exports. If your controller exports a literal value, try making your controller export an object instead`
+      );
+    }
+    return value;
+  }
+  await controller.ready;
+  if (typeof watchExports === "function") {
+    if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && controller.watchExports === void 0) {
+      throw new Error(`The controller must implement watchExports method to support watching exports`);
+    }
+    const unsubscribe = controller.watchExports(
+      (exports) => watchExports(exports, unsubscribe)
+    );
+  }
+  return controller.exports;
+};
+const useRef = async (value) => {
+  const controller = useRefSync(value);
+  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && controller === void 0) {
+    throw new Error(
+      `Unable to resolve a controller from the provided value. The value you passed is not a controller and not a controller exports. If your controller exports a literal value, try making your controller export an object instead`
+    );
+  }
+  await controller.ready;
+  return controller;
+};
+const useRefSync = (value) => {
+  const component = retrieveComponent();
+  const controller = component.manager.X(value);
+  if (controller !== void 0) {
+    return controller;
+  }
+  if (isController(value)) {
+    return value;
+  }
+  const ambientChildController2 = retrieveAmbientChildController();
+  if (ambientChildController2 !== void 0) {
+    return ambientChildController2;
+  }
+  return void 0;
+};
+let shouldBypassReadOnly = false;
+const bypassReadOnly = (callback) => {
+  shouldBypassReadOnly = true;
+  try {
+    return callback();
+  } finally {
+    shouldBypassReadOnly = false;
+  }
+};
+const bypassSetter = bypassReadOnly;
+export {
+  shouldBypassReadOnly as a,
+  setParentController as b,
+  controllerSymbol as c,
+  retrieveParentControllers as d,
+  bypassSetter as e,
+  bypassReadOnly as f,
+  isController as g,
+  getControllersCount as h,
+  isPromise as i,
+  setAmbientChildController as j,
+  useRef as k,
+  useRefSync as l,
+  retrieveComponent as r,
+  setAmbientComponent as s,
+  use as u
+};

package/dist/LitElement.d.ts

@@ -252,4 +252,23 @@ type Listener<ThisType, EventType> = ((this: ThisType, event: EventType) => unkn
 export type GlobalThisWithOwnTagNames = typeof globalThis & {
     devOnly$ownTagNames?: Set<string>;
 };
+/**
+ * Lumina tracks accesses to JSAPI Accessor properties during render() and
+ * automatically re-renders the component when any tracked property changes.
+ *
+ * If your render() has imperative rendering logic or relies on specific render()
+ * call timing, you can temporarily disable this reactiveUtils integration to
+ * give you time to complete the migration and refactor the code.
+ *
+ * @deprecated Use this as a **temporary** workaround only.
+ * @example
+ * ```ts
+ * import { disableReactiveUtilsIntegration } from "@arcgis/lumina";
+ * class MyComponent extends LitElement {
+ *   // ...
+ * }
+ * disableReactiveUtilsIntegration(MyComponent);
+ * ```
+ */
+export declare function disableReactiveUtilsIntegration(componentClass: typeof LitElement): void;
 export {};

package/dist/context.js

@@ -0,0 +1,18 @@
+import { ContextProvider, ContextConsumer } from "@lit/context";
+import { r as retrieveComponent } from "./ControllerInternals-CWQrfEA8.js";
+const useContextProvider = (options) => {
+  const component = retrieveComponent();
+  const controller = new ContextProvider(component.el, options);
+  component.addController(controller);
+  return controller;
+};
+const useContextConsumer = (options) => {
+  const component = retrieveComponent();
+  const controller = new ContextConsumer(component.el, options);
+  component.addController(controller);
+  return controller;
+};
+export {
+  useContextConsumer,
+  useContextProvider
+};

package/dist/controllers/Controller.d.ts

@@ -1,4 +1,4 @@
-import { Deferred } from '@arcgis/components-utils';
+import { Deferred } from '@arcgis/toolkit/promise';
 import { BaseController, ControllerLifecycleMethods, controllerSymbol } from './types';
 import { use, useRef, useRefSync } from './ControllerInternals';
 import { PropertyValues } from 'lit';
@@ -8,8 +8,6 @@ import { LitElement } from '../LitElement';
  * Defining controller using makeController() function is more succinct for smaller
  * controllers. For controllers that need to declare several methods, or need
  * more flexibility, this class may be used
- *
- * See ./examples.tsx for many example controllers and their usages.
  */
 export declare abstract class Controller<Exports = never> implements BaseController {
     #private;

package/dist/controllers/ControllerInternals.d.ts

@@ -42,7 +42,7 @@ type InferController<ControllerOrExports> = ControllerOrExports extends BaseCont
     watchExports?: Controller["watchExports"];
 } : Controller<ControllerOrExports>;
 /**
- * If controller never sets it's exports, then it's default exports is "this".
+ * If controller never sets its exports, then its default exports is "this".
  * This allows usage of controller.use with controllers that don't have exports
  */
 type NotNever<T extends {

package/dist/controllers/accessor/index.js

@@ -1,7 +1,8 @@
-import { isEsriInternalEnv } from "@arcgis/components-utils";
-import { r as retrieveComponent, f as createEventFactory, G as GenericController, l as trackPropKey, t as trackKey } from "../../Controller-BQOv8BAL.js";
+import { isEsriInternalEnv } from "@arcgis/toolkit/error";
+import { r as retrieveComponent } from "../../ControllerInternals-CWQrfEA8.js";
 import { on, watch } from "@arcgis/core/core/reactiveUtils.js";
-import { p as proxyExports } from "../../proxyExports-Cdzj7WL_.js";
+import { a as createEventFactory, G as GenericController, d as trackPropKey, t as trackKey } from "../../Controller-ftAEcdmI.js";
+import { p as proxyExports } from "../../proxyExports-D906TEtL.js";
 import { createObservable, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { property, subclass } from "@arcgis/core/core/accessorSupport/decorators.js";
 import Accessor from "@arcgis/core/core/Accessor.js";
@@ -22,6 +23,7 @@ class AccessorController extends GenericController {
   constructor(component, createInstance) {
     super(component);
     this.Y = /* @__PURE__ */ new Map();
+    this.A = void 0;
     this.#exportsObservable = createObservable();
     const that = this;
     that.#createInstance = createInstance;
@@ -107,9 +109,12 @@ const makeBinderProxy = (component, accessorControllerRef, accessorControllerInd
     ) {
       return value;
     }
+    const accessorController = component.M[accessorControllerIndex];
+    accessorController.A = propertyName;
     return trackKey(
       component,
       (resolved) => {
+        accessorController.A = void 0;
         if (resolved !== void 0) {
           const propName = resolved.key;
           boundProperties.set(propertyName, propName);
@@ -120,15 +125,15 @@ const makeBinderProxy = (component, accessorControllerRef, accessorControllerInd
             if (!(propertyName in instance)) {
               throw new Error(`"${propertyName}" does not exist on the accessor instance`);
             }
-            const accessorController = component.M[accessorControllerIndex];
+            const accessorController2 = component.M[accessorControllerIndex];
             if (descriptor.i !== void 0 && descriptor.i !== accessorControllerIndex) {
-              console.error(component.M[descriptor.i], accessorController);
+              console.error(component.M[descriptor.i], accessorController2);
               throw Error(
                 `Expected property "${propName}" to be bound to the controller at index ${descriptor.i}, but tried to bind it to a controller at index ${accessorControllerIndex}. Double check whether you are calling useAccessor() conditionally in a way that is not supported.`
               );
             }
-            if (accessorController !== accessorControllerRef.deref()) {
-              console.error(accessorController);
+            if (accessorController2 !== accessorControllerRef.deref()) {
+              console.error(accessorController2);
               throw Error(
                 `Expected controller at index ${accessorControllerIndex} to be instance of useAccessor but it is not.`
               );
@@ -156,13 +161,6 @@ const makeBinderProxy = (component, accessorControllerRef, accessorControllerInd
       },
       value
     );
-  },
-  set(_target, propertyName, newValue) {
-    if (boundProperties.has(propertyName) || // But some properties may be never bound, yet set in the constructor - let them through
-    newValue !== (instance[propertyName] ?? void 0)) {
-      instance[propertyName] = newValue;
-    }
-    return true;
   }
 });
 const watchBoundProperty = (controllerRef, descriptor, propertyName, propName, shouldFlipBoolean, _handle) => _handle = watch(
@@ -199,7 +197,10 @@ const bindPropToProperty = (descriptor, accessorControllerIndex, propertyName, s
     return shouldFlipBoolean ? !value : value;
   };
   descriptor.d.set = function(newValue) {
-    this.M[accessorControllerIndex].exports[propertyName] = shouldFlipBoolean ? !newValue : newValue;
+    const accessorController = this.M[accessorControllerIndex];
+    if (accessorController.A !== propertyName) {
+      accessorController.exports[propertyName] = shouldFlipBoolean ? !newValue : newValue;
+    }
   };
 };
 const getAccessorControllerBoundProperties = (controller) => controller.Y;
@@ -212,10 +213,15 @@ const reCreateAccessor = (instance, component) => {
     console.error("Unable to resolve the useAccessor controller from the provided value");
   }
 };
-const createStore = (defaultValues) => {
+const createStore = (initializer) => {
   const SubClass = class extends Accessor {
   };
-  Object.entries(defaultValues).forEach(([name, value]) => property({ value })(SubClass.prototype, name));
+  const defaultValues = typeof initializer === "function" ? initializer() : initializer;
+  const descriptors = Object.getOwnPropertyDescriptors(defaultValues);
+  for (const [key, descriptor] of Object.entries(descriptors)) {
+    Object.defineProperty(SubClass.prototype, key, descriptor);
+    property()(SubClass.prototype, key);
+  }
   const State = subclass()(SubClass);
   return new State();
 };

package/dist/controllers/accessor/store.d.ts

@@ -2,9 +2,9 @@ import { default as Accessor } from '@arcgis/core/core/Accessor.js';
 /**
  * See https://qawebgis.esri.com/components/lumina/controllers/useAccessor#createstore-utility
  */
-export declare const createStore: <T extends Record<string, unknown>>(defaultValues: T | (() => T)) => __esri.Accessor & T;
+export declare const createStore: <T extends object>(initializer: T | (() => T)) => __esri.Accessor & T;
 /** @deprecated Use {@link createStore} instead */
-export declare const createLegacyStore: <T extends Record<string, unknown>>(defaultState: T | (() => T)) => ObservableMap<T>;
+export declare const createLegacyStore: <T extends object>(defaultState: T | (() => T)) => ObservableMap<T>;
 /** @deprecated Use {@link createStore} instead */
 export type ObservableMap<T> = {
     state: Accessor & T;

package/dist/controllers/accessor/useAccessor.d.ts

@@ -1,4 +1,4 @@
-import { Controller, GenericController } from '../Controller';
+import { GenericController } from '../Controller';
 import { LitElement } from '../../LitElement';
 type Requires<Props, Accessor extends __esri.Accessor, OmitProps extends string = never> = LitElement & Omit<Pick<Accessor, keyof Accessor & keyof Props>, AlwaysOmit | OmitProps> & {
     autoDestroyDisabled: boolean;
@@ -46,6 +46,8 @@ export declare class AccessorController<Props, Accessor extends __esri.Accessor,
      * @private
      */
     _boundAccessorProperties: Map<string & keyof Accessor, string>;
+    /** @private */
+    _currentlyBindingPropertyName?: string;
     /**
      * (development only) Allow these props to mismatch the name of the Accessor's
      * property to avoid collisions
@@ -61,8 +63,11 @@ export declare class AccessorController<Props, Accessor extends __esri.Accessor,
     hostConnected(): void;
     hostDestroy(): void;
 }
-export declare const makeBinderProxy: (component: LitElement, accessorControllerRef: WeakRef<Pick<Controller<__esri.Accessor>, "component" | "exports"> & {
-    constructor: (typeof __esri.Accessor)["constructor"] & {
+type MinimalAccessorController = Pick<AccessorController<never, __esri.Accessor>, "_currentlyBindingPropertyName" | "exports"> & {
+    component: LitElement;
+};
+export declare const makeBinderProxy: (component: LitElement, accessorControllerRef: WeakRef<MinimalAccessorController & {
+    constructor: MinimalAccessorController["constructor"] & {
         devOnly$allowedPropNameMismatches?: ReadonlySet<string>;
     };
 }>, accessorControllerIndex: number, instance: __esri.Accessor, boundProperties: Map<string, string>) => unknown;

package/dist/controllers/index.d.ts

@@ -3,7 +3,7 @@ export type { GenericControllerType } from './Controller';
 export { Controller, GenericController } from './Controller';
 export type { ControllerManager } from './ControllerManager';
 export { retrieveComponent, bypassSetter, bypassReadOnly } from './ControllerInternals';
-export { trackPropertyKey, keyTrackResolve } from './trackPropertyKey';
+export { trackPropertyKey, propertyTrackResolve } from './trackPropertyKey';
 export { trackPropKey } from './trackPropKey';
 export { trackKey } from './trackKey';
 export { makeController, makeGenericController } from './functional';
@@ -22,3 +22,7 @@ export { isController, getControllersCount } from './utils';
  * @deprecated import from "@arcgis/lumina" instead
  */
 export type EventEmitter<T = undefined> = _EventEmitter<T>;
+/**
+ * @deprecated Let us know if someone is using this
+ */
+export declare const keyTrackResolve: () => void;

package/dist/controllers/index.js

@@ -1,14 +1,18 @@
-import { C as Controller, s as setAmbientComponent, i as isPromise, d as setParentController, e as retrieveParentControllers, t as trackKey, r as retrieveComponent, f as createEventFactory } from "../Controller-BQOv8BAL.js";
-import { G, h, g, c, n, m, k, l, j } from "../Controller-BQOv8BAL.js";
-import { p as proxyExports } from "../proxyExports-Cdzj7WL_.js";
+import { C as Controller, t as trackKey, a as createEventFactory, p as propertyTrackResolve } from "../Controller-ftAEcdmI.js";
+import { G, d, b } from "../Controller-ftAEcdmI.js";
+import { s as setAmbientComponent, i as isPromise, b as setParentController, d as retrieveParentControllers, r as retrieveComponent } from "../ControllerInternals-CWQrfEA8.js";
+import { f, e, c, h, g } from "../ControllerInternals-CWQrfEA8.js";
+import { p as proxyExports } from "../proxyExports-D906TEtL.js";
 import { isServer } from "lit";
-import { observeAncestorsMutation, isEsriInternalEnv, getElementAttribute, getElementLocales, startLocaleObserver } from "@arcgis/components-utils";
+import { isEsriInternalEnv } from "@arcgis/toolkit/error";
+import { observeAncestorsMutation, getElementAttribute } from "@arcgis/toolkit/dom";
+import { getElementLocale, startLocaleObserver } from "@arcgis/toolkit/intl";
 const makeController = (constructor) => proxy(void 0, constructor);
 const makeGenericController = (constructor) => (component) => proxy(
   component,
   /**
    * GenericController is identical to Controller, in all except for typing.
-   * So dying a type-cast here so as not to needlessly add one more object
+   * So doing a type-cast here so as not to needlessly add one more object
    * to the prototype chain
    */
   constructor
@@ -127,7 +131,7 @@ const useDirection = () => makeController((component, controller) => {
       (resolved) => {
         if (resolved?.key === "dir") {
           throw new Error(
-            `Do not assign this controller to a prop called \`dir\` as that will overwrite the \`dir\` attribute on the host element - component should not be setting the \`dir\` attribute on itself. Instead, assign this controller to a property called \`direction\`.`
+            "Do not assign this controller to a prop called `dir` as that will overwrite the HTMLElement's built-in `dir` attribute - component should not be setting the `dir` attribute on itself. Instead, assign this controller to a property called `direction`."
           );
         }
       },
@@ -139,7 +143,7 @@ const useDirection = () => makeController((component, controller) => {
 const makeT9nController = (getAssetPath) => (options = {}) => (
   // eslint-disable-next-line @typescript-eslint/promise-function-async
   makeController((component, controller) => {
-    const locale = getElementLocales(component.el);
+    const locale = getElementLocale(component.el);
     const pending = { ["_lang"]: locale.lang, ["_t9nLocale"]: locale.t9nLocale, ["_loading"]: true };
     const componentWithOverrides = component;
     controller.onLifecycle(
@@ -244,25 +248,27 @@ const propertyChangeController = (...toWatch) => {
   }
   return eventEmitter;
 };
+const keyTrackResolve = propertyTrackResolve;
 export {
   Controller,
   G as GenericController,
-  h as bypassReadOnly,
-  g as bypassSetter,
+  f as bypassReadOnly,
+  e as bypassSetter,
   c as controllerSymbol,
-  n as getControllersCount,
-  m as isController,
-  k as keyTrackResolve,
+  h as getControllersCount,
+  g as isController,
+  keyTrackResolve,
   load,
   makeController,
   makeGenericController,
   makeT9nController,
+  propertyTrackResolve,
   proxyExports,
   retrieveComponent,
   toFunction,
   trackKey,
-  l as trackPropKey,
-  j as trackPropertyKey,
+  d as trackPropKey,
+  b as trackPropertyKey,
   useDirection,
   useMedia,
   usePropertyChange,

package/dist/controllers/trackPropertyKey.d.ts

@@ -26,4 +26,4 @@ export declare const trackPropertyKey: <T>(object: BaseController | LitElement,
  * property you are trying to resolve had it's default value set, thus after
  * constructor. At the start of connectedCallback is a perfect place.
  */
-export declare const keyTrackResolve: () => void;
+export declare const propertyTrackResolve: () => void;

package/dist/controllers/types.d.ts

@@ -1,4 +1,4 @@
-import { IHandle } from '@arcgis/components-utils';
+import { IHandle } from '@arcgis/toolkit/type';
 import { ReactiveControllerHost, ReactiveController, PropertyDeclaration, PropertyValues } from 'lit';
 import { LitElement } from '../LitElement';
 export type TrackKeyResolution = {