@arcgis/lumina 4.33.0-next.68 → 4.33.0-next.69

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export type { Runtime, RuntimeOptions, DevOnlyGlobalRuntime, DevOnlyGlobalCompon
 export { makeRuntime } from './runtime';
 export type { EventHandler } from './jsx/baseTypes';
 export * from './jsx/types';
-export { safeClassMap, safeStyleMap, directive, live } from './jsx/directives';
+export { safeClassMap, safeStyleMap, deferLoad, deferredLoaders, directive, live } from './jsx/directives';
 export { nothing, noChange, setAttribute, stringOrBoolean } from './jsx/utils';
 export { noShadowRoot } from './utils';
 export { makeReactWrapperFactory, getReactWrapperOptions } from './wrappersUtils';

package/dist/index.js

@@ -5,13 +5,13 @@ import { state } from "@lit/reactive-element/decorators/state.js";
 import { property as property$1 } from "@lit/reactive-element/decorators/property.js";
 import { n as noShadowRoot, a as attachToAncestor } from "./utils-GhKD5Lo-.js";
 import { m } from "./utils-GhKD5Lo-.js";
-import { LitElement as LitElement$1, isServer } from "lit";
+import { LitElement as LitElement$1, isServer, noChange as noChange$1 } from "lit";
 import { PropertyFlags } 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 } from "lit-html/directive.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$1, noChange as noChange$1 } from "lit-html";
+import { nothing as nothing$1, noChange as noChange$2 } from "lit-html";
 function useContextProvider(options) {
   const component = retrieveComponent();
   const controller = new ContextProvider(component.el, options);
@@ -28,9 +28,7 @@ const createEventFactory = (eventName = "", options = {}, component = retrieveCo
   const emitter = {
     emit: (payload) => {
       if (process.env.NODE_ENV !== "production" && isEsriInternalEnv() && !component.el.isConnected) {
-        console.warn(
-          `Trying to emit an ${eventName} event on a disconnected element ${component.el.tagName.toLowerCase()}`
-        );
+        console.warn(`Trying to emit an ${eventName} event on a disconnected element ${component.el.localName}`);
       }
       if (eventName === "") {
         keyTrackResolve();
@@ -83,9 +81,7 @@ class LitElement extends LitElement$1 {
       this.shouldUpdate = ourShouldUpdate;
     }
     if (process.env.NODE_ENV !== "production") {
-      const isOwnComponent = globalThis.devOnly$ownTagNames?.has(
-        this.el.tagName.toLowerCase()
-      );
+      const isOwnComponent = globalThis.devOnly$ownTagNames?.has(this.el.localName);
       const constructor = this.constructor;
       const warningsWereCustomized = constructor.enabledWarnings !== LitElement$1.enabledWarnings;
       if (!isOwnComponent && !warningsWereCustomized) {
@@ -315,10 +311,23 @@ const bindProperty = void 0;
 const bindEvent = void 0;
 const safeClassMap = (parameters) => typeof parameters === "object" && parameters != null ? classMap(parameters) : parameters;
 const safeStyleMap = (parameters) => typeof parameters === "object" && parameters != null ? styleMap(parameters) : parameters;
+class DeferLoad extends Directive {
+  update(part) {
+    const tagName = part.element.localName;
+    if (!customElements.get(tagName)) {
+      void deferredLoaders.get(tagName)?.();
+    }
+  }
+  render() {
+    return noChange$1;
+  }
+}
+const deferLoad = /* @__PURE__ */ directive$1(DeferLoad)();
+const deferredLoaders = /* @__PURE__ */ new Map();
 const directive = directive$1;
 const live = live$1;
 const nothing = nothing$1;
-const noChange = noChange$1;
+const noChange = noChange$2;
 function setAttribute(element, attributeName, value) {
   if (value == null) {
     element.removeAttribute(attributeName);
@@ -377,6 +386,8 @@ export {
   bindEvent,
   bindProperty,
   createEvent,
+  deferLoad,
+  deferredLoaders,
   directive,
   getReactWrapperOptions,
   live,

package/dist/jsx/baseTypes.d.ts

@@ -21,15 +21,19 @@ export type EventHandler<E> = {
 }["bivarianceHack"];
 export interface CustomAttributes<T = HTMLElement> {
     /**
-     * The `key` is a special attribute that can be set on any element.
-     *
-     * At build-time it is translated into the `keyed()` directive:
-     * https://lit.dev/docs/templates/directives/#keyed
-     *
-     * @remarks
-     * Unlike in React or Stencil, any JavaScript value is acceptable as a key
+     * [Documentation](https://qawebgis.esri.com/components/lumina/jsx#key-prop)
      */
     key?: unknown;
+    /**
+     * [Documentation](https://qawebgis.esri.com/components/lumina/jsx#refs)
+     */
     ref?: EventHandler<T | undefined> | Ref<T>;
+    /**
+     * [Documentation](https://qawebgis.esri.com/components/lumina/jsx#lit-directives)
+     */
     directives?: readonly DirectiveResult[];
+    /**
+     * [Documentation](https://qawebgis.esri.com/components/lumina/jsx#deferring-web-component-load)
+     */
+    deferLoad?: true;
 }

package/dist/jsx/directives.d.ts

@@ -4,7 +4,8 @@ import { ClassInfo } from 'lit-html/directives/class-map.js';
 import { DirectiveResult } from 'lit/directive.js';
 import { ClassMapDirective } from 'lit/directives/class-map.js';
 import { StyleMapDirective } from 'lit/directives/style-map.js';
-import { DirectiveClass } from 'lit-html/directive.js';
+import { DirectiveClass, ElementPart, Directive } from 'lit-html/directive.js';
+import { noChange } from 'lit';
 /**
  * You likely won't have to import this directly. It will be added during
  * _JSX to lit-html_ conversion.
@@ -55,6 +56,22 @@ export declare const safeClassMap: (parameters: ClassInfo | Nil | string) => Dir
  * @private
  */
 export declare const safeStyleMap: (parameters: CssProperties | Nil | string) => DirectiveResult<typeof StyleMapDirective> | Nil | string;
+declare class DeferLoad extends Directive {
+    update(part: ElementPart): void;
+    render(): typeof noChange;
+}
+/**
+ * @private
+ * Do not use this directive directly. Use the `deferLoad` JSX prop instead.
+ * [Documentation](https://qawebgis.esri.com/components/lumina/jsx#deferring-web-component-load)
+ */
+export declare const deferLoad: DirectiveResult<typeof DeferLoad>;
+/**
+ * @private
+ * Do not use this directly. Use the `deferLoad` JSX prop instead.
+ * [Documentation](https://qawebgis.esri.com/components/lumina/jsx#deferring-web-component-load)
+ */
+export declare const deferredLoaders: Map<string, () => Promise<unknown>>;
 /**
  * Creates a user-facing directive function from a Directive class. This
  * function has the same parameters as the directive's render() method.
@@ -75,3 +92,4 @@ export declare const directive: <C extends DirectiveClass>(c: C) => (...values:
  * "never" to allow it be set as a value for any JSX attribute.
  */
 export declare const live: (value: unknown) => never;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.33.0-next.68",
+  "version": "4.33.0-next.69",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -20,8 +20,8 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/components-controllers": "4.33.0-next.68",
-    "@arcgis/components-utils": "4.33.0-next.68",
+    "@arcgis/components-controllers": "4.33.0-next.69",
+    "@arcgis/components-utils": "4.33.0-next.69",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
     "@lit/context": "^1.1.3",