@arcgis/lumina 4.34.0-next.5 → 4.34.0-next.50

package/dist/{Controller-BQOv8BAL.js → Controller-6vd9TSNE.js}

@@ -1,121 +1,6 @@
-import { isEsriInternalEnv, safeCall, Deferred, safeAsyncCall } from "@arcgis/components-utils";
+import { safeCall, isEsriInternalEnv, Deferred, safeAsyncCall } from "@arcgis/components-utils";
+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-DOZNgCJl.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;
 const trackPropertyKey = (object, onResolved, defaultValue) => {
   const keys = Object.keys(object);
   const keyCount = keys.length;
@@ -566,22 +451,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,
+  createEventFactory as a,
+  trackPropertyKey as b,
+  createEvent as c,
+  trackPropKey as d,
   keyTrackResolve as k,
-  trackPropKey as l,
-  isController as m,
-  getControllersCount as n,
-  setAmbientChildController as o,
-  retrieveComponent as r,
-  setAmbientComponent as s,
   trackKey as t
 };

package/dist/ControllerInternals-DOZNgCJl.js

@@ -0,0 +1,134 @@
+import { isEsriInternalEnv } from "@arcgis/components-utils";
+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;
+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/context.js

@@ -0,0 +1,18 @@
+import { ContextProvider, ContextConsumer } from "@lit/context";
+import { r as retrieveComponent } from "./ControllerInternals-DOZNgCJl.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/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 { r as retrieveComponent } from "../../ControllerInternals-DOZNgCJl.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-6vd9TSNE.js";
+import { p as proxyExports } from "../../proxyExports-BgcDxXBO.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.js

@@ -1,6 +1,8 @@
-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 } from "../Controller-6vd9TSNE.js";
+import { G, k, d, b } from "../Controller-6vd9TSNE.js";
+import { s as setAmbientComponent, i as isPromise, b as setParentController, d as retrieveParentControllers, r as retrieveComponent } from "../ControllerInternals-DOZNgCJl.js";
+import { f, e, c, h, g } from "../ControllerInternals-DOZNgCJl.js";
+import { p as proxyExports } from "../proxyExports-BgcDxXBO.js";
 import { isServer } from "lit";
 import { observeAncestorsMutation, isEsriInternalEnv, getElementAttribute, getElementLocales, startLocaleObserver } from "@arcgis/components-utils";
 const makeController = (constructor) => proxy(void 0, constructor);
@@ -127,7 +129,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`."
           );
         }
       },
@@ -247,11 +249,11 @@ const propertyChangeController = (...toWatch) => {
 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,
+  h as getControllersCount,
+  g as isController,
   k as keyTrackResolve,
   load,
   makeController,
@@ -261,8 +263,8 @@ export {
   retrieveComponent,
   toFunction,
   trackKey,
-  l as trackPropKey,
-  j as trackPropertyKey,
+  d as trackPropKey,
+  b as trackPropertyKey,
   useDirection,
   useMedia,
   usePropertyChange,

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export { useContextProvider, useContextConsumer } from './context';
 export type { EventEmitter, EventOptions } from './createEvent';
 export { createEvent } from './createEvent';
 export { state, property, method } from './decorators';

package/dist/index.js

@@ -1,30 +1,18 @@
-import { ContextProvider, ContextConsumer } from "@lit/context";
-import { r as retrieveComponent, G as GenericController, k as keyTrackResolve, s as setAmbientComponent, c as controllerSymbol, a as shouldBypassReadOnly } from "./Controller-BQOv8BAL.js";
-import { b } from "./Controller-BQOv8BAL.js";
+import { G as GenericController, k as keyTrackResolve } from "./Controller-6vd9TSNE.js";
+import { c } from "./Controller-6vd9TSNE.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-DUvrNd2L.js";
 import { d, m } from "./lazyLoad-DUvrNd2L.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 { s as setAmbientComponent, c as controllerSymbol, a as shouldBypassReadOnly } from "./ControllerInternals-DOZNgCJl.js";
 import { propertyFlagAttribute, propertyFlagNoAccessor, propertyFlagReadOnly, propertyFlagState, propertyFlagBoolean, propertyFlagNumber, propertyFlagReflect } from "./config.js";
 import { classMap } from "lit-html/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { directive as directive$1, Directive } from "lit-html/directive.js";
 import { live as live$1 } from "lit-html/directives/live.js";
 import { nothing as nothing$2, noChange as noChange$2, render } from "lit-html";
-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;
-};
 const property = property$1;
 const method = void 0;
 class ControllerManager extends GenericController {
@@ -402,9 +390,7 @@ class LitElement extends LitElement$1 {
     const useLightDom = options === noShadowRoot;
     const renderRoot = existingShadowRoot ?? (useLightDom ? this.el : this.el.attachShadow(options));
     if (existingShadowRoot) {
-      if (process.env.NODE_ENV === "production") {
-        LitElement$1.prototype.createRenderRoot.call(this);
-      }
+      LitElement$1.prototype.createRenderRoot.call(this);
       return existingShadowRoot;
     }
     if (this.isConnected) {
@@ -662,7 +648,7 @@ export {
   bindBooleanAttribute,
   bindEvent,
   bindProperty,
-  b as createEvent,
+  c as createEvent,
   deferLoad,
   deferredLoaders,
   d as devOnly$getLitElementTagNameAndRuntime,
@@ -682,7 +668,5 @@ export {
   safeStyleMap,
   setAttribute,
   state,
-  stringOrBoolean,
-  useContextConsumer,
-  useContextProvider
+  stringOrBoolean
 };

package/dist/jsx/generatedTypes.d.ts

@@ -511,6 +511,7 @@ export interface AriaAttributes {
      * @see aria-controls
      */
     ["aria-owns"]?: string;
+    ariaActiveDescendantElement?: Element;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaAtomic) */
     ariaAtomic?: boolean | "false" | "true";
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaAutoComplete) */
@@ -529,14 +530,19 @@ export interface AriaAttributes {
     ariaColIndex?: number | string;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaColSpan) */
     ariaColSpan?: number | string;
+    ariaControlsElements?: Element[];
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaCurrent) */
     ariaCurrent?: boolean | "date" | "false" | "location" | "page" | "step" | "time" | "true";
+    ariaDescribedByElements?: Element[];
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaDescription) */
     ariaDescription?: string;
+    ariaDetailsElements?: Element[];
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaDisabled) */
     ariaDisabled?: boolean | "false" | "true";
+    ariaErrorMessageElement?: Element;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaExpanded) */
     ariaExpanded?: boolean | "false" | "true";
+    ariaFlowToElements?: Element[];
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaHasPopup) */
     ariaHasPopup?: boolean | "dialog" | "false" | "grid" | "listbox" | "menu" | "tree" | "true";
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaHidden) */
@@ -550,6 +556,7 @@ export interface AriaAttributes {
     ariaKeyShortcuts?: string;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaLabel) */
     ariaLabel?: string;
+    ariaLabelledByElements?: Element[];
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaLevel) */
     ariaLevel?: number | string;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaLive) */
@@ -562,6 +569,7 @@ export interface AriaAttributes {
     ariaMultiSelectable?: boolean | "false" | "true";
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaOrientation) */
     ariaOrientation?: "horizontal" | "vertical";
+    ariaOwnsElements?: Element[];
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaPlaceholder) */
     ariaPlaceholder?: string;
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Element/ariaPosInSet) */

package/dist/{proxyExports-Cdzj7WL_.js → proxyExports-BgcDxXBO.js}

@@ -1,4 +1,5 @@
-import { d as setParentController, e as retrieveParentControllers, o as setAmbientChildController, t as trackKey, h as bypassReadOnly } from "./Controller-BQOv8BAL.js";
+import { b as setParentController, d as retrieveParentControllers, j as setAmbientChildController, f as bypassReadOnly } from "./ControllerInternals-DOZNgCJl.js";
+import { t as trackKey } from "./Controller-6vd9TSNE.js";
 const proxyExports = (Class) => (...args) => {
   const ambientControllers = retrieveParentControllers();
   const instance = new Class(...args);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.34.0-next.5",
+  "version": "4.34.0-next.50",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -8,8 +8,8 @@
   "exports": {
     ".": "./dist/index.js",
     "./config": "./dist/config.js",
+    "./context": "./dist/context.js",
     "./hmrSupport": "./dist/hmrSupport.js",
-    "./stencilSsrCompatibility": "./dist/stencilSsrCompatibility/index.js",
     "./typings": {
       "types": "./dist/typings/index.d.ts"
     },
@@ -22,12 +22,17 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/components-utils": "4.34.0-next.5",
-    "@lit-labs/ssr": "^3.2.2",
-    "@lit-labs/ssr-client": "^1.1.7",
-    "@lit/context": "^1.1.5",
+    "@arcgis/components-utils": "4.34.0-next.50",
     "csstype": "^3.1.3",
-    "lit": "^3.3.0",
     "tslib": "^2.8.1"
+  },
+  "peerDependencies": {
+    "@lit/context": "^1.1.5",
+    "lit": "^3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@lit/context": {
+      "optional": true
+    }
   }
 }

package/dist/stencilSsrCompatibility/index.d.ts

@@ -1,73 +0,0 @@
-import { RenderInfo } from '@lit-labs/ssr/lib/render.js';
-import { Readable } from 'node:stream';
-/**
- * @deprecated
- * Use `render` from `@lit-labs/ssr` instead.
- *
- * @see https://lit.dev/docs/ssr/server-usage/
- */
-export interface HydrateResults {
-    buildId: string;
-    diagnostics: any[];
-    url: string;
-    host: string;
-    hostname: string;
-    href: string;
-    port: string;
-    pathname: string;
-    search: string;
-    hash: string;
-    html: string;
-    components: HydrateComponent[];
-    anchors: any[];
-    imgs: any[];
-    scripts: any[];
-    styles: any[];
-    staticData: any[];
-    title: string;
-    hydratedCount: number;
-    httpStatus: number;
-}
-export interface HydrateComponent {
-    tag: string;
-    mode: string;
-    count: number;
-    depth: number;
-}
-/**
- * @deprecated
- * Use `getWindow` from `@lit-labs/ssr/lib/dom-shim` instead.
- *
- * @see https://lit.dev/docs/ssr/server-usage/
- */
-export declare function createWindowFromHtml(templateHtml: string, uniqueId?: string): any;
-/**
- * @deprecated
- * Use `RenderResultReadable` from `@lit-labs/ssr` instead.
- *
- * @see https://lit.dev/docs/ssr/server-usage/
- */
-export declare function streamToString(html: any, options?: Partial<RenderInfo>): Readable;
-/**
- * @deprecated
- * Use `render` from `@lit-labs/ssr` instead.
- *
- * @see https://lit.dev/docs/ssr/server-usage/
- */
-export declare function renderToString(html: any, options?: Partial<RenderInfo>): Promise<HydrateResults>;
-export declare function renderToString(html: any, options: Partial<RenderInfo> | undefined, asStream: true): Readable;
-/**
- * @deprecated
- * Use `render` from `@lit-labs/ssr` instead.
- *
- * @see https://lit.dev/docs/ssr/server-usage/
- */
-export declare function hydrateDocument(doc: any, options?: Partial<RenderInfo>): Promise<HydrateResults>;
-export declare function hydrateDocument(doc: any, options: Partial<RenderInfo> | undefined, asStream: true): Readable;
-/**
- * @deprecated
- * Use `render` from `@lit-labs/ssr` instead.
- *
- * @see https://lit.dev/docs/ssr/server-usage/
- */
-export declare function serializeDocumentToString(doc: any, _unused?: unknown): string;

package/dist/stencilSsrCompatibility/index.js

@@ -1,87 +0,0 @@
-import { getWindow } from "@lit-labs/ssr/lib/dom-shim.js";
-import { render } from "@lit-labs/ssr/lib/render.js";
-import { html } from "@lit-labs/ssr/lib/server-template.js";
-import { withStatic, unsafeStatic } from "lit-html/static.js";
-import { collectResult } from "@lit-labs/ssr/lib/render-result.js";
-import { RenderResultReadable } from "@lit-labs/ssr/lib/render-result-readable.js";
-const staticHtml = withStatic(html);
-function createWindowFromHtml(templateHtml, uniqueId = Math.random().toString()) {
-  const window = getWindow({ includeJSBuiltIns: true });
-  window.document.defaultView = window;
-  window.document.templateHtml = templateHtml;
-  window.document.buildId = uniqueId;
-  return window;
-}
-function streamToString(html2, options) {
-  const { result } = getRenderResult(html2, options);
-  return new RenderResultReadable(result);
-}
-function getRenderResult(rawSource, options) {
-  const maybeDocument = typeof rawSource === "object" && rawSource !== null ? "document" in rawSource ? rawSource.document : rawSource : void 0;
-  const source = maybeDocument && "templateHtml" in maybeDocument ? maybeDocument.templateHtml : maybeDocument && "documentElement" in maybeDocument ? maybeDocument.documentElement?.outerHTML ?? maybeDocument : rawSource;
-  const renderTemplate = typeof source === "string" ? staticHtml`${unsafeStatic(source)}` : source;
-  const tagNames = [];
-  const result = render(renderTemplate, {
-    customElementRendered(tagName) {
-      tagNames.push(tagName);
-    },
-    ...options
-  });
-  return { result, maybeDocument, tagNames };
-}
-function renderToString(html2, options, asStream = false) {
-  if (asStream) {
-    return streamToString(html2, options);
-  } else {
-    return resultsToString(html2, options);
-  }
-}
-async function resultsToString(html2, options) {
-  const { result, tagNames, maybeDocument } = getRenderResult(html2, options);
-  const collected = await collectResult(result);
-  const renderResult = {
-    buildId: maybeDocument?.buildId ?? Math.random().toString(),
-    diagnostics: [],
-    url: globalThis?.location?.href ?? "https://hydrate.stenciljs.com/",
-    host: globalThis?.location?.host ?? "hydrate.stenciljs.com",
-    hostname: globalThis?.location?.hostname ?? "hydrate.stenciljs.com",
-    href: globalThis?.location?.href ?? "https://hydrate.stenciljs.com/",
-    port: globalThis?.location?.port ?? "",
-    pathname: globalThis?.location?.pathname ?? "/",
-    search: globalThis?.location?.search ?? "",
-    hash: globalThis?.location?.hash ?? "",
-    html: collected,
-    httpStatus: 200,
-    hydratedCount: tagNames.length,
-    anchors: [],
-    components: tagNames.map((tag) => ({
-      tag,
-      mode: "$",
-      count: 1,
-      depth: 1
-    })),
-    imgs: [],
-    scripts: [],
-    staticData: [],
-    styles: [],
-    title: globalThis?.document?.title ?? "Vite + TS"
-  };
-  if (maybeDocument && "templateHtml" in maybeDocument) {
-    maybeDocument.outerHtml = collected;
-  }
-  return renderResult;
-}
-function hydrateDocument(doc, options, asStream) {
-  return renderToString(doc, options, asStream);
-}
-function serializeDocumentToString(doc, _unused) {
-  const maybeDocument = doc;
-  return maybeDocument.outerHtml ?? maybeDocument.templateHtml ?? String(maybeDocument);
-}
-export {
-  createWindowFromHtml,
-  hydrateDocument,
-  renderToString,
-  serializeDocumentToString,
-  streamToString
-};