@arcgis/lumina 4.33.0-next.97 → 4.33.0-next.99

package/dist/{useWatch-CFtSpNnN.js → Controller-CZ8Djohh.js}

@@ -1,13 +1,10 @@
-import { isEsriInternalEnv, safeCall, isNotUndefined, Deferred, safeAsyncCall } from "@arcgis/components-utils";
+import { isEsriInternalEnv, safeCall, Deferred, safeAsyncCall } from "@arcgis/components-utils";
+import { nothing } from "lit";
 const controllerSymbol = Symbol.for("controller");
 const name = "@arcgis/lumina";
 const isController = (value) => typeof value === "object" && value !== null && (controllerSymbol in value || "hostConnected" in value || "hostDisconnected" in value || "hostUpdate" in value || "hostUpdated" in value);
 const devOnlySetPersistentControllerData = process.env.NODE_ENV !== "production" && isEsriInternalEnv() ? (controller, data) => {
-  const manager = controller.component.manager;
-  const controllers = "_controllers" in manager ? manager._controllers : void 0;
-  if (controllers === void 0) {
-    return void 0;
-  }
+  const controllers = controller.component._controllers;
   const index = Array.from(controllers).indexOf(controller);
   if (index === -1) {
     return;
@@ -132,7 +129,7 @@ const useRef = async (value) => {
 };
 const useRefSync = (value) => {
   const component = retrieveComponent();
-  const controller = component.manager.internals.resolveExports(value);
+  const controller = component.manager._resolveExports(value);
   if (controller !== void 0) {
     return controller;
   }
@@ -145,12 +142,25 @@ const useRefSync = (value) => {
   }
   return void 0;
 };
-const shouldBypass = {
-  setter: false,
-  getter: false,
-  readOnly: false
-};
-const elementToInstance = /* @__PURE__ */ new WeakMap();
+let shouldBypassGetter = false;
+let shouldBypassReadOnly = false;
+function bypassReadOnly(callback) {
+  shouldBypassReadOnly = true;
+  try {
+    return callback();
+  } finally {
+    shouldBypassReadOnly = false;
+  }
+}
+const bypassSetter = bypassReadOnly;
+function bypassGetter(callback) {
+  shouldBypassGetter = true;
+  try {
+    return callback();
+  } finally {
+    shouldBypassGetter = false;
+  }
+}
 function trackPropertyKey(object, onResolved, defaultValue) {
   const keys = Object.keys(object);
   const keyCount = keys.length;
@@ -183,280 +193,22 @@ function trackPropertyKey(object, onResolved, defaultValue) {
 }
 let keyTrackMap = void 0;
 function keyTrackResolve() {
-  Array.from(keyTrackMap?.entries() ?? []).forEach(([object, { callbacks }]) => {
+  keyTrackMap?.forEach(({ callbacks }, object) => {
     const keys = Object.keys(object);
     callbacks.forEach((commit) => commit(keys));
   });
   keyTrackMap = void 0;
 }
-var PropTypes = /* @__PURE__ */ ((PropTypes2) => {
-  PropTypes2[PropTypes2["String"] = 1] = "String";
-  PropTypes2[PropTypes2["Number"] = 2] = "Number";
-  PropTypes2[PropTypes2["Boolean"] = 4] = "Boolean";
-  PropTypes2[PropTypes2["Any"] = 8] = "Any";
-  PropTypes2[PropTypes2["Unknown"] = 16] = "Unknown";
-  PropTypes2[PropTypes2["State"] = 32] = "State";
-  PropTypes2[PropTypes2["Method"] = 64] = "Method";
-  PropTypes2[PropTypes2["Event"] = 128] = "Event";
-  PropTypes2[PropTypes2["Element"] = 256] = "Element";
-  PropTypes2[PropTypes2["ReflectAttr"] = 512] = "ReflectAttr";
-  PropTypes2[PropTypes2["Mutable"] = 1024] = "Mutable";
-  PropTypes2[PropTypes2["Prop"] = 31] = "Prop";
-  PropTypes2[PropTypes2["HasAttribute"] = 15] = "HasAttribute";
-  PropTypes2[PropTypes2["PropLike"] = 63] = "PropLike";
-  PropTypes2[PropTypes2["ReadOnly"] = 2048] = "ReadOnly";
-  return PropTypes2;
-})(PropTypes || {});
-function retrieveComponentMembers(component, isLit) {
-  if (isLit) {
-    const elementProperties = component.constructor.elementProperties;
-    component.manager.internals.members = Object.fromEntries(
-      Array.from(
-        elementProperties,
-        ([name2, descriptor]) => descriptor.noAccessor ? void 0 : [
-          name2,
-          [
-            (descriptor.readOnly ? 2048 : 0) | (descriptor.state ? 32 : 16)
-          ]
-        ]
-      ).filter(isNotUndefined)
-    );
-  } else {
-    const constructor = component.constructor;
-    const members = constructor.__registerControllers?.(component) ?? void 0;
-    constructor.__registerControllers = void 0;
-    if (typeof members !== "object") {
-      throw new Error(
-        process.env.NODE_ENV !== "production" && isEsriInternalEnv() ? "Failed to retrieve internal component meta. Make sure you have the useComponentsControllers() Rollup Plugin for Stencil Controllers configured in your Stencil config." : "Failed to retrieve component meta"
-      );
-    }
-    component.manager.internals.members = Object.fromEntries(
-      Object.entries(members).filter(([_name, [propType]]) => (propType & 63) !== 0)
-    );
-  }
-}
-function parsePropertyValue(value, type = 8) {
-  const isComplex = value == null || typeof value === "object" || typeof value === "function";
-  if (isComplex) {
-    return value;
-  }
-  if ((type & 4) !== 0) {
-    return value === "false" ? false : value === "" || !!value;
-  } else if ((type & 2) !== 0) {
-    return Number.parseFloat(value);
-  } else if ((type & 1) !== 0) {
-    return String(value);
-  } else {
-    return value;
-  }
-}
-const getMemberType = (component, name2) => component.manager.internals.members?.[name2]?.[0];
-class ComponentInternals {
-  constructor(component) {
-    this.enabledWatchers = {};
-    this.allWatchers = {};
-    this.enableReadonly = () => {
-      this.enableReadonly = void 0;
-      if (!this.component.manager.isLit) {
-        return;
-      }
-      const internals = this.component.manager.internals;
-      Object.entries(internals.members).forEach(([name2, [type]]) => {
-        const isReadOnly = type & PropTypes.ReadOnly;
-        if (isReadOnly) {
-          internals.setters[name2] ??= [];
-          internals.setters[name2].push(internals.readonlySetter);
-        }
-      });
-    };
-    this.trackedValue = nothing;
-    this.keyTrackers = [];
-    this.getters = {};
-    this.setters = {};
-    this.accessorGetter = {};
-    this.accessorSetter = {};
-    this._exports = /* @__PURE__ */ new WeakMap();
-    this.readonlySetter = (newValue, _oldValue, property) => {
-      if (shouldBypass.readOnly) {
-        return newValue;
-      }
-      throw new Error(
-        `Cannot assign to read-only property "${property}" of ${this.component.el.localName}. Trying to assign "${String(
-          newValue
-        )}"`
-      );
-    };
-    if (process.env.NODE_ENV !== "production") {
-      Object.defineProperty(this, "component", {
-        writable: false,
-        enumerable: false,
-        configurable: true,
-        value: component
-      });
-    } else {
-      this.component = component;
-    }
-  }
-  firePropTrackers(key, value) {
-    const trackers = this.keyTrackers;
-    this.trackedValue = nothing;
-    this.keyTrackers = [];
-    trackers.forEach((tracker) => tracker(key, value));
-  }
-  // REFACTOR: once Stencil is no longer supported, simplify this with Lit's getPropertyDescriptor(), or https://github.com/shoelace-style/shoelace/issues/1990
-  /**
-   * Configure a getter or setter for a given \@Prop/\@State
-   *
-   * 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(property) {
-    const component = this.component;
-    const classPrototype = component.constructor.prototype;
-    this._getSetProxy(classPrototype, property, "class");
-    if (component.manager.isLit) {
-      return;
-    }
-    const htmlPrototype = component.el.constructor.prototype;
-    if (classPrototype !== htmlPrototype) {
-      this._getSetProxy(htmlPrototype, property, "html");
-    }
-  }
-  _getSetProxy(prototype, name2, type) {
-    const component = this.component;
-    const propType = getMemberType(component, name2);
-    let descriptor;
-    do {
-      descriptor = Object.getOwnPropertyDescriptor(prototype, name2);
-    } while (!descriptor && (prototype = Object.getPrototypeOf(prototype)));
-    if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-      const tolerateNotFound = type === "html";
-      if (descriptor?.set === void 0 || descriptor.get === void 0) {
-        if (descriptor !== void 0 && "value" in descriptor) {
-          throw new Error(
-            `getSet() should only be used on @Prop/@property/@State/@state properties. For internal component properties, use regular get/set syntax. Tried to use it on "${name2}" in ${component.el.localName}`
-          );
-        } else if (tolerateNotFound) {
-          return;
-        } else {
-          throw new Error(`Unable to find "${name2}" property on the ${component.el.localName} component`);
-        }
-      }
-      if (propType === void 0) {
-        throw new Error("Unable to retrieve prop type");
-      }
-    } else if (!descriptor) {
-      return void 0;
-    }
-    const originalGet = descriptor.get;
-    const originalSet = descriptor.set;
-    const isGetterAlreadyOverwritten = customAccessor in originalGet;
-    const isSetterAlreadyOverwritten = customAccessor in originalSet;
-    if (isGetterAlreadyOverwritten && isSetterAlreadyOverwritten) {
-      return;
-    }
-    const shouldOverwriteGet = !isGetterAlreadyOverwritten;
-    const shouldOverwriteSet = !isSetterAlreadyOverwritten;
-    const finalGetter = shouldOverwriteGet ? function getter() {
-      let value = originalGet.call(this);
-      const component2 = elementToInstance.get(this);
-      if (shouldBypass.getter || component2 === void 0) {
-        return value;
-      }
-      const internals = component2.manager.internals;
-      value = internals.accessorGetter[name2](value, name2);
-      const getters = internals.getters[name2] ?? emptyArray;
-      for (let i = 0; i < getters.length; i++) {
-        value = getters[i](value, name2);
-      }
-      return value;
-    } : originalGet;
-    const finalSetter = shouldOverwriteSet ? function setter(rawNewValue) {
-      const oldValue = originalGet.call(this);
-      const component2 = elementToInstance.get(this);
-      if (component2 === void 0) {
-        originalSet.call(this, rawNewValue);
-        return;
-      }
-      let newValue = component2.manager.isLit ? (
-        /*
-         * Cast `null` to `undefined`.
-         * See https://devtopia.esri.com/WebGIS/arcgis-web-components/discussions/1299
-         */
-        rawNewValue ?? void 0
-      ) : parsePropertyValue(rawNewValue, propType);
-      const internals = component2.manager.internals;
-      if (newValue === oldValue) {
-        originalSet.call(this, newValue);
-      } else {
-        const setters = shouldBypass.setter ? emptyArray : internals.setters[name2] ?? emptyArray;
-        for (let i = 0; i < setters.length; i++) {
-          newValue = setters[i](newValue, oldValue, name2);
-          if (newValue === oldValue) {
-            break;
-          }
-        }
-        newValue = internals.accessorSetter[name2](newValue, oldValue, name2);
-        originalSet.call(this, newValue);
-        if (newValue !== oldValue) {
-          internals.enabledWatchers[name2]?.forEach((watcher) => watcher(newValue, oldValue, name2));
-        }
-      }
-      if (internals.keyTrackers.length > 0) {
-        internals?.firePropTrackers(name2, rawNewValue);
-      }
-    } : originalSet;
-    if (shouldOverwriteGet) {
-      finalGetter[customAccessor] = true;
-    }
-    if (shouldOverwriteSet) {
-      finalSetter[customAccessor] = true;
-    }
-    Object.defineProperty(prototype, name2, {
-      ...descriptor,
-      get: finalGetter,
-      set: finalSetter
-    });
-  }
-  /**
-   * Associate an exports object with a controller for reverse lookup in
-   * controller.use
-   */
-  markExports(controller, exports) {
-    if (typeof exports === "object" && exports !== null || typeof exports === "function") {
-      this._exports.set(exports, controller);
-    }
-  }
-  resolveExports(exports) {
-    if (typeof exports === "object" && exports !== null || typeof exports === "function") {
-      return this._exports.get(exports);
-    } else {
-      return void 0;
-    }
-  }
-}
-const emptyArray = [];
-const customAccessor = Symbol();
-const nothing = process.env.NODE_ENV !== "production" ? Symbol.for(
-  // Use Symbol.for in dev mode to make it easier to maintain state when doing HMR.
-  `${name}: nothing`
-) : (
-  // eslint-disable-next-line symbol-description
-  Symbol()
-);
 function trackPropKey(component, onResolved, defaultValue) {
-  const internals = component.manager.internals;
-  if (internals.trackedValue !== nothing && internals.trackedValue !== defaultValue) {
-    internals.firePropTrackers(void 0, void 0);
+  const manager = component.manager;
+  if (manager._trackedValue !== nothing && manager._trackedValue !== defaultValue) {
+    manager._firePropTrackers(void 0, void 0);
   }
-  if (internals.keyTrackers.length === 0) {
-    queueMicrotask(() => internals.firePropTrackers(void 0, void 0));
+  if (manager._keyTrackers.length === 0) {
+    queueMicrotask(() => manager._firePropTrackers(void 0, void 0));
   }
-  internals.trackedValue = defaultValue;
-  internals.keyTrackers.push((key, value) => safeCall(onResolved, void 0, defaultValue === value ? key : void 0));
+  manager._trackedValue = defaultValue;
+  manager._keyTrackers.push((key, value) => safeCall(onResolved, void 0, defaultValue === value ? key : void 0));
   return defaultValue;
 }
 function trackKey(hostsCandidates = [
@@ -477,31 +229,19 @@ function trackKey(hostsCandidates = [
   candidateHosts.forEach(
     (host) => trackPropertyKey(
       host,
-      (key) => resolved(
-        key === void 0 ? void 0 : {
-          key,
-          host,
-          isReactive: false
-        }
-      ),
+      (key) => resolved(key === void 0 ? void 0 : { key, host, isReactive: false }),
       defaultValue
     )
   );
-  const component = candidateHosts.find(
-    (host) => "manager" in host && typeof host.manager === "object" && host.manager.component === host
-  );
-  if (component) {
-    trackPropKey(
-      component,
-      (key) => resolved(
-        key === void 0 ? void 0 : {
-          key,
-          host: component,
-          isReactive: true
-        }
-      ),
-      defaultValue
-    );
+  for (const host of candidateHosts) {
+    if ("manager" in host && typeof host.manager === "object" && host.manager.component === host) {
+      trackPropKey(
+        host,
+        (key) => resolved(key === void 0 ? void 0 : { key, host, isReactive: true }),
+        defaultValue
+      );
+      break;
+    }
   }
   return defaultValue;
 }
@@ -566,7 +306,7 @@ class Controller {
     this.ready = this._ready.promise;
     this._exports = makeProvisionalValue(this);
     this._exportWatchers = /* @__PURE__ */ new Set();
-    const resolvedComponent = toControllerHost(component ?? retrieveComponent(new.target.name));
+    const resolvedComponent = component ?? retrieveComponent(new.target.name);
     if (process.env.NODE_ENV !== "production") {
       Object.defineProperty(this, "component", {
         writable: false,
@@ -575,7 +315,7 @@ class Controller {
         value: resolvedComponent
       });
       if ("hostDestroy" in this) {
-        this.component.manager.ensureHasDestroy?.();
+        this.component.manager._ensureHasDestroy?.();
       }
     } else {
       this.component = resolvedComponent;
@@ -682,7 +422,7 @@ class Controller {
   /**
    * Like useRef, but doesn't wait for the controller to get ready
    *
-   * @internal
+   * @private
    */
   get useRefSync() {
     setAmbientComponent(this.component);
@@ -715,7 +455,7 @@ class Controller {
   }
   onDestroy(callback) {
     if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-      this.component.manager.ensureHasDestroy?.();
+      this.component.manager._ensureHasDestroy?.();
     }
     this._callbacks.hostDestroy.push(callback);
   }
@@ -726,7 +466,7 @@ class Controller {
     }
   }
   // Call each lifecycle hook
-  /** @internal */
+  /** @private */
   triggerConnected() {
     const genericController = this;
     if (genericController.hostConnected) {
@@ -736,7 +476,7 @@ class Controller {
     this.triggerLifecycle();
     this.connectedCalled = true;
   }
-  /** @internal */
+  /** @private */
   triggerDisconnected() {
     const genericController = this;
     if (genericController.hostDisconnected) {
@@ -746,7 +486,7 @@ class Controller {
     this._lifecycleCleanups.forEach(safeCall);
     this._lifecycleCleanups = [];
   }
-  /** @internal */
+  /** @private */
   async triggerLoad() {
     if (this._loadCalled) {
       return;
@@ -761,7 +501,7 @@ class Controller {
     }
     this._ready.resolve(this._exports);
   }
-  /** @internal */
+  /** @private */
   triggerLoaded() {
     if (this.loadedCalled) {
       return;
@@ -773,7 +513,7 @@ class Controller {
     this._callbacks.hostLoaded.forEach(safeCall);
     this.loadedCalled = true;
   }
-  /** @internal */
+  /** @private */
   triggerUpdate(changes) {
     const genericController = this;
     if (genericController.hostUpdate) {
@@ -781,7 +521,7 @@ class Controller {
     }
     this._callbacks.hostUpdate.forEach(callUpdate, changes);
   }
-  /** @internal */
+  /** @private */
   triggerUpdated(changes) {
     const genericController = this;
     if (genericController.hostUpdated) {
@@ -789,7 +529,7 @@ class Controller {
     }
     this._callbacks.hostUpdated.forEach(callUpdate, changes);
   }
-  /** @internal */
+  /** @private */
   triggerDestroy() {
     const genericController = this;
     if (genericController.hostDestroy) {
@@ -797,7 +537,7 @@ class Controller {
     }
     this._callbacks.hostDestroy.forEach(safeCall);
   }
-  /** @internal */
+  /** @private */
   triggerLifecycle() {
     const genericController = this;
     if (genericController.hostLifecycle) {
@@ -828,7 +568,7 @@ function makeProvisionalValue(base) {
   }
   const proxy = new Proxy(base, {
     get(target, prop, receiver) {
-      if (cyclical.has(prop) && prop in target && target[prop] === proxy) {
+      if ((prop === "exports" || prop === "_exports") && prop in target && target[prop] === proxy) {
         return void 0;
       }
       if (prop in target || prop in Promise.prototype || typeof prop === "symbol") {
@@ -853,7 +593,6 @@ function makeProvisionalValue(base) {
   });
   return proxy;
 }
-const cyclical = /* @__PURE__ */ new Set(["exports", "_exports"]);
 const accessBeforeLoad = process.env.NODE_ENV !== "production" && isEsriInternalEnv() ? [
   "This might be the case if you are trying to access an async controller in ",
   "connectedCallback(). Or, if you are using it inside of ",
@@ -861,65 +600,28 @@ const accessBeforeLoad = process.env.NODE_ENV !== "production" && isEsriInternal
   "usage:\n",
   "makeController(async (component, controller)=>{ await controller.use(someOtherController); });"
 ].join("") : void 0;
-function toControllerHost(component) {
-  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-    if ("addController" in component) {
-      return component;
-    } else {
-      throw new Error(
-        "Component does not implement ControllerHost. This might be because you forgot to add 'manager: Controller<this> = useControllerManager(this);' in your component, or you tried to use some controller before that line"
-      );
-    }
-  } else {
-    return component;
-  }
-}
-function watch(component, property, callback) {
-  const genericProperty = property;
-  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-    const type = getMemberType(component, genericProperty);
-    if (type === void 0) {
-      throw new Error(
-        component.manager.isLit ? `Trying to watch a non-@property, non-@state property "${genericProperty}". Either convert it into a @state() to be able to use watch() on it, or use the get/set syntax` : `Trying to watch a non-@Prop, non-@State property "${genericProperty}". Convert it into a @State() or @Prop property if you need to use watch() on it`
-      );
-    }
-  }
-  const internals = component.manager.internals;
-  internals.allWatchers[genericProperty] ??= [];
-  const watchers = internals.allWatchers[genericProperty];
-  const genericCallback = callback;
-  const safeCallback = (newValue, oldValue, propertyName) => safeCall(genericCallback, null, newValue, oldValue, propertyName);
-  watchers.push(safeCallback);
-  return () => {
-    const index = watchers.indexOf(safeCallback);
-    if (index !== -1) {
-      watchers.splice(index, 1);
-    }
-  };
-}
 export {
   Controller as C,
   GenericController as G,
-  PropTypes as P,
-  setParentController as a,
-  retrieveParentControllers as b,
-  createEvent as c,
-  createEventFactory as d,
-  trackPropertyKey as e,
-  trackPropKey as f,
-  isController as g,
-  controllerSymbol as h,
+  shouldBypassGetter as a,
+  shouldBypassReadOnly as b,
+  controllerSymbol as c,
+  createEvent as d,
+  setParentController as e,
+  retrieveParentControllers as f,
+  createEventFactory as g,
+  bypassGetter as h,
   isPromise as i,
-  ComponentInternals as j,
+  bypassSetter as j,
   keyTrackResolve as k,
-  retrieveComponentMembers as l,
-  elementToInstance as m,
-  devOnlySetPersistentControllerData as n,
-  devOnlyGetPersistentControllerData as o,
-  shouldBypass as p,
-  setAmbientChildController as q,
+  bypassReadOnly as l,
+  trackPropertyKey as m,
+  trackPropKey as n,
+  isController as o,
+  devOnlySetPersistentControllerData as p,
+  devOnlyGetPersistentControllerData as q,
   retrieveComponent as r,
   setAmbientComponent as s,
   trackKey as t,
-  watch as w
+  setAmbientChildController as u
 };