@arcgis/lumina 4.33.0-next.125 → 4.33.0-next.127

package/dist/LitElement.d.ts

@@ -119,6 +119,7 @@ export declare class LitElement extends OriginalLitElement implements ComponentL
     __offspringComponents: ProxyComponent["__offspringComponents"];
     constructor();
     connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Overwrite Lit's default behavior of attaching shadow root to the lit
      * element, and instead use this.el to support lazy builds.
@@ -131,6 +132,7 @@ export declare class LitElement extends OriginalLitElement implements ComponentL
      * "changedProperties" so that we can later provide it to ControllerManager
      */
     protected shouldUpdate(_changedProperties: PropertyValues): boolean;
+    protected update(changedProperties: PropertyValues): void;
     /**
      * A helper for setting event listener on the current component.
      *

package/dist/controllers/ControllerManager.d.ts

@@ -1,4 +1,4 @@
-import { BaseController } from './types';
+import { BaseController, ReactiveTrackingTarget } from './types';
 import { GenericController } from './Controller';
 import { PropertyValues } from 'lit';
 import { LitElement } from '../LitElement';
@@ -28,6 +28,25 @@ export declare class ControllerManager extends GenericController<undefined> {
      * @private
      */
     _isEnforcingReadonly: boolean;
+    /**
+     * A possible reference to JS API's createTrackingTarget() function to create
+     * an observer that will keep track of what properties were accessed during
+     * render().
+     *
+     * This property is set by useAccessor() if it was used on the component
+     *
+     * @private
+     */
+    _createTrackingTarget?: (callback: () => void) => ReactiveTrackingTarget;
+    /**
+     * A possible reference to JS API's runTracked() function to run update() with
+     * property accesses tracking enabled.
+     *
+     * This property is set by useAccessor() if it was used on the component
+     *
+     * @private
+     */
+    _runTracked?: (target: ReactiveTrackingTarget, callback: () => void) => void;
     /** @private */
     _trackedValue: unknown;
     /** @private */

package/dist/controllers/accessor/index.js

@@ -2,7 +2,7 @@ import { G as GenericController, l as trackPropKey, t as trackKey, r as retrieve
 import { p as proxyExports } from "../../proxyExports-DQobuu44.js";
 import { isEsriInternalEnv } from "@arcgis/components-utils";
 import { watch, on } from "@arcgis/core/core/reactiveUtils.js";
-import { createObservable, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { createObservable, createTrackingTarget, runTracked, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
 const makeAccessorController = (createInstance, _options) => (component) => proxy(component, createInstance);
 class AccessorController extends GenericController {
   constructor(component, createInstance) {
@@ -12,6 +12,8 @@ class AccessorController extends GenericController {
     const that = this;
     that.#createInstance = createInstance;
     that.Z();
+    component.manager.A = createTrackingTarget;
+    component.manager.B = runTracked;
     that.setProvisionalExports(
       makeBinderProxy(
         component,

package/dist/controllers/types.d.ts

@@ -180,3 +180,8 @@ export type AccessorObservableLike = {
      */
     notify: () => void;
 };
+/** @private */
+export type ReactiveTrackingTarget = {
+    clear: () => void;
+    destroy: () => void;
+};

package/dist/hmrSupport.js

@@ -1,4 +1,4 @@
-import { n as noShadowRoot, P as ProxyComponent } from "./lazyLoad-DcVuFccH.js";
+import { n as noShadowRoot, P as ProxyComponent } from "./lazyLoad-ByH-FaBP.js";
 import { camelToKebab } from "@arcgis/components-utils";
 function handleHmrUpdate(newModules) {
   newModules.forEach((newModule) => {

package/dist/index.js

@@ -3,8 +3,8 @@ import { r as retrieveComponent, G as GenericController, k as keyTrackResolve, q
 import { b } from "./Controller-B3mB4uaz.js";
 import { state } from "@lit/reactive-element/decorators/state.js";
 import { property as property$1 } from "@lit/reactive-element/decorators/property.js";
-import { e as emptyFunction, n as noShadowRoot, a as attachToAncestor } from "./lazyLoad-DcVuFccH.js";
-import { d, m } from "./lazyLoad-DcVuFccH.js";
+import { e as emptyFunction, n as noShadowRoot, a as attachToAncestor } from "./lazyLoad-ByH-FaBP.js";
+import { d, m } from "./lazyLoad-ByH-FaBP.js";
 import { isEsriInternalEnv, safeCall, devToolsAwareTimeout, Deferred, camelToKebab, safeAsyncCall } from "@arcgis/components-utils";
 import { nothing as nothing$1, LitElement as LitElement$1, isServer, notEqual, noChange as noChange$1 } from "lit";
 import { propertyFlagAttribute, propertyFlagNoAccessor, propertyFlagReadOnly, propertyFlagState, propertyFlagBoolean, propertyFlagNumber, propertyFlagReflect } from "./config.js";
@@ -349,10 +349,13 @@ class LitElement extends LitElement$1 {
   #originalShouldUpdate;
   #enableUpdating;
   #postLoadedDeferred;
+  #trackingTarget;
   connectedCallback() {
     if (this.el.hasAttribute("defer-hydration")) {
       return;
     }
+    const trackingTarget = this.manager.A?.(() => this.requestUpdate());
+    this.#trackingTarget = trackingTarget;
     const isFirstCall = !this.manager.connectedCalled;
     super.connectedCallback();
     if (isFirstCall) {
@@ -365,8 +368,24 @@ class LitElement extends LitElement$1 {
           });
         })
       );
+    } else if (trackingTarget) {
+      this.requestUpdate();
     }
   }
+  #doTrackedUpdate(changedProperties) {
+    try {
+      this.#trackingTarget.clear();
+      this.manager.B(this.#trackingTarget, () => super.update(changedProperties));
+    } catch (error) {
+      this.#trackingTarget.clear();
+      throw error;
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.#trackingTarget?.destroy();
+    this.#trackingTarget = void 0;
+  }
   /**
    * Overwrite Lit's default behavior of attaching shadow root to the lit
    * element, and instead use this.el to support lazy builds.
@@ -446,6 +465,13 @@ class LitElement extends LitElement$1 {
     this.manager.Q = _changedProperties;
     return this.#originalShouldUpdate?.(_changedProperties) ?? true;
   }
+  update(changedProperties) {
+    if (this.#trackingTarget) {
+      this.#doTrackedUpdate(changedProperties);
+    } else {
+      super.update(changedProperties);
+    }
+  }
   listen(name, listener, options) {
     const boundListener = listener?.bind(this) ?? listener;
     this.manager.onLifecycle(() => {

package/dist/{lazyLoad-DcVuFccH.js → lazyLoad-ByH-FaBP.js}

@@ -109,7 +109,7 @@ const makeDefineCustomElements = (runtime, structure) => function defineCustomEl
   }
   for (const [tagName, [load, compactMeta = ""]] of Object.entries(structure)) {
     if (customElements.get(tagName)) {
-      return;
+      continue;
     }
     const [compactObservedProps, compactAsyncMethods, compactSyncMethods] = compactMeta.split(lazyMetaGroupJoiner);
     const observedProps = compactObservedProps ? compactObservedProps?.split(lazyMetaItemJoiner).map(parseCondensedProp) : void 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.33.0-next.125",
+  "version": "4.33.0-next.127",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -22,7 +22,7 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/components-utils": "4.33.0-next.125",
+    "@arcgis/components-utils": "4.33.0-next.127",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
     "@lit/context": "^1.1.5",