@arcgis/lumina 4.32.0-next.20 → 4.32.0-next.21

package/dist/context.d.ts

@@ -0,0 +1,26 @@
+import { type ControllerHost } from "@arcgis/components-controllers";
+import { ContextConsumer, ContextProvider, type Context, type ContextType } from "@lit/context";
+interface ContextProviderOptions<C extends Context<unknown, unknown>> {
+    context: C;
+    initialValue?: ContextType<C>;
+}
+interface ContextConsumerOptions<C extends Context<unknown, unknown>> {
+    context: C;
+    callback?: (value: ContextType<C>, dispose?: () => void) => void;
+    subscribe?: boolean;
+}
+/**
+ * Wrapper for Lit's ContextProvider controller to provide lazy-loading compatibility.
+ *
+ * @see https://lit.dev/docs/data/context/
+ */
+export declare function useContextProvider<C extends Context<unknown, unknown>>(options: ContextProviderOptions<C>): ContextProvider<C>;
+/**
+ * Wrapper for Lit's ContextConsumer controller to provide lazy-loading compatibility.
+ *
+ * @see https://lit.dev/docs/data/context/
+ *
+ * FEATURE: wrap this in proxyExports to improve DX, or keep it simple?
+ */
+export declare function useContextConsumer<C extends Context<unknown, unknown>>(options: ContextConsumerOptions<C>): ContextConsumer<C, ControllerHost & HTMLElement>;
+export {};

package/dist/index.d.ts

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

package/dist/index.js

@@ -4,9 +4,25 @@ import {
   lazyMetaSubItemJoiner
 } from "./chunk-PGHUBTOM.js";
 
+// src/context.ts
+import { retrieveComponent } from "@arcgis/components-controllers";
+import { ContextConsumer, ContextProvider } from "@lit/context";
+function useContextProvider(options) {
+  const component = retrieveComponent();
+  const controller = new ContextProvider(component.el, options);
+  component.addController(controller);
+  return controller;
+}
+function useContextConsumer(options) {
+  const component = retrieveComponent();
+  const controller = new ContextConsumer(component.el, options);
+  component.addController(controller);
+  return controller;
+}
+
 // src/createEvent.ts
-import { retrieveComponent, trackPropertyKey, keyTrackResolve } from "@arcgis/components-controllers";
-var createEventFactory = (eventName = "", options = {}, component = retrieveComponent()) => {
+import { retrieveComponent as retrieveComponent2, trackPropertyKey, keyTrackResolve } from "@arcgis/components-controllers";
+var createEventFactory = (eventName = "", options = {}, component = retrieveComponent2()) => {
   const emitter = {
     emit: (payload) => {
       if (process.env.NODE_ENV !== "production" && !component.el.isConnected) {
@@ -73,7 +89,10 @@ function devOnlyDetectIncorrectLazyUsages(LitClass) {
     // Called by Lit - we proxy it to this.el in ProxyComponent
     "isConnected",
     // Called by Lit, but only in dev mode for warnings, so we don't have to proxy.
-    "localName"
+    "localName",
+    // Called by Lit Context - we proxy it to this.el in ProxyComponent.
+    // Interestingly, they never call removeEventListener.
+    "addEventListener"
   ]);
   const customErrorMessages = {
     addEventListener: "use this.listen() or this.el.addEventListener()"
@@ -118,9 +137,6 @@ function attachToAncestor(child) {
   return false;
 }
 
-// src/utils.ts
-var noShadowRoot = {};
-
 // src/lazyLoad.ts
 var makeDefineCustomElements = (runtime, structure) => function defineCustomElements(windowOrOptions, options) {
   if (!globalThis.customElements) {
@@ -371,27 +387,32 @@ var ProxyComponent = class extends HtmlElement {
       );
     }
     const lazyTagName = process.env.NODE_ENV === "production" ? `${tagName}--lazy` : (ProxyClass._hmrIndex ?? 0) === 0 ? `${tagName}--lazy` : `${tagName}--lazy-${ProxyClass._hmrIndex}`;
-    const isFirstInitialization = !ProxyClass._LitConstructor;
-    if (isFirstInitialization) {
-      ProxyClass._LitConstructor = LitConstructor;
-      LitConstructor.prototype.removeAttribute = function(qualifiedName) {
-        HTMLElement.prototype.removeAttribute.call(this.el, qualifiedName);
+    let parentClass = LitConstructor;
+    while (parentClass && !Object.hasOwn(parentClass, "lumina")) {
+      parentClass = Object.getPrototypeOf(parentClass);
+    }
+    const litElementPrototype = parentClass.prototype;
+    const elementPrototype = Element.prototype;
+    const alreadyPatched = Object.hasOwn(litElementPrototype, "isConnected");
+    if (!alreadyPatched) {
+      litElementPrototype.setAttribute = function(qualifiedName, value) {
+        elementPrototype.setAttribute.call(this.el, qualifiedName, value);
       };
-      LitConstructor.prototype.setAttribute = function(qualifiedName, value) {
-        HTMLElement.prototype.setAttribute.call(this.el, qualifiedName, value);
+      litElementPrototype.removeAttribute = function(qualifiedName) {
+        elementPrototype.removeAttribute.call(this.el, qualifiedName);
       };
-      defineProperty(LitConstructor.prototype, "isConnected", {
+      defineProperty(litElementPrototype, "isConnected", {
         get() {
-          return this.el.isConnected;
+          return Reflect.get(elementPrototype, "isConnected", this.el);
         }
       });
-      if (process.env.NODE_ENV !== "production" && LitConstructor.shadowRootOptions !== noShadowRoot) {
-        let prototype = LitConstructor;
-        while (prototype && !Object.hasOwn(prototype, "lumina")) {
-          prototype = Object.getPrototypeOf(prototype);
-        }
-        devOnlyDetectIncorrectLazyUsages(prototype);
-      }
+    }
+    if (process.env.NODE_ENV !== "production") {
+      devOnlyDetectIncorrectLazyUsages(parentClass);
+    }
+    const isFirstInitialization = !ProxyClass._LitConstructor;
+    if (isFirstInitialization) {
+      ProxyClass._LitConstructor = LitConstructor;
       customElements.define(lazyTagName, LitConstructor);
     }
     LitConstructor.lazy = this;
@@ -441,6 +462,17 @@ var ProxyComponent = class extends HtmlElement {
       }
     }
   }
+  /**
+   * Implemented on the proxy for compatibility with Lit Context.
+   */
+  addController() {
+  }
+  /**
+   * Implemented on the proxy for compatibility with Lit Context.
+   */
+  requestUpdate() {
+    this._litElement?.requestUpdate();
+  }
 };
 function syncLitElement([key, value]) {
   this[key] = value;
@@ -448,6 +480,11 @@ function syncLitElement([key, value]) {
 
 // src/hmrSupport.ts
 import { camelToKebab as camelToKebab2 } from "@arcgis/components-utils";
+
+// src/utils.ts
+var noShadowRoot = {};
+
+// src/hmrSupport.ts
 function handleHmrUpdate(newModules) {
   newModules.forEach((newModule) => {
     if (newModule === void 0) {
@@ -885,5 +922,7 @@ export {
   safeStyleMap,
   setAttribute,
   state,
-  stringOrBoolean
+  stringOrBoolean,
+  useContextConsumer,
+  useContextProvider
 };

package/dist/jsx/jsx.d.ts

@@ -842,6 +842,7 @@ export declare namespace LuminaJsx {
     }
     interface HTMLAttributes<T = HTMLElement> extends AriaAttributes, DOMAttributes<T>, RdfaAttributes {
         accessKey?: string;
+        autofocus?: boolean;
         dir?: HTMLDir;
         draggable?: boolean;
         hidden?: boolean | "hidden" | "until-found";
@@ -921,7 +922,6 @@ export declare namespace LuminaJsx {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autofocus?: boolean;
         disabled?: boolean;
         form?: string;
         name?: string;
@@ -1030,7 +1030,6 @@ export declare namespace LuminaJsx {
         autocomplete?: AutoFill;
         accept?: string;
         alt?: string;
-        autofocus?: boolean;
         capture?: boolean | string;
         checked?: boolean;
         disabled?: boolean;
@@ -1312,7 +1311,6 @@ export declare namespace LuminaJsx {
         referrerPolicy?: HTMLReferrerPolicy;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autofocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1349,7 +1347,6 @@ export declare namespace LuminaJsx {
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         children?: "Error: Use value property instead. See https://lit.dev/docs/templates/expressions/#invalid-locations";
-        autofocus?: boolean;
         cols?: number | string;
         dirname?: string;
         disabled?: boolean;

package/dist/lazyLoad.d.ts

@@ -153,6 +153,14 @@ export declare abstract class ProxyComponent extends HtmlElement {
     componentOnReady(): Promise<this>;
     /** @internal */
     _initializeComponent(module: Record<string, typeof LitElement>): void;
+    /**
+     * Implemented on the proxy for compatibility with Lit Context.
+     */
+    addController(): void;
+    /**
+     * Implemented on the proxy for compatibility with Lit Context.
+     */
+    requestUpdate(): void;
 }
 export type GlobalThisWithPuppeteerEnv = typeof globalThis & {
     devOnly$createdElements?: WeakRef<ProxyComponent>[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.32.0-next.20",
+  "version": "4.32.0-next.21",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -19,10 +19,11 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/components-controllers": "4.32.0-next.20",
-    "@arcgis/components-utils": "4.32.0-next.20",
+    "@arcgis/components-controllers": "4.32.0-next.21",
+    "@arcgis/components-utils": "4.32.0-next.21",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
+    "@lit/context": "^1.1.3",
     "csstype": "^3.1.3",
     "lit": "^3.2.0",
     "tslib": "^2.7.0"