@arcgis/lumina 4.33.0-next.16 → 4.33.0-next.161

package/dist/jsx/baseTypes.d.ts

@@ -1,5 +1,5 @@
-import type { DirectiveResult } from "lit-html/directive.js";
-import type { Ref } from "lit-html/directives/ref.js";
+import { DirectiveResult } from 'lit-html/directive.js';
+import { Ref } from 'lit-html/directives/ref.js';
 export type EventHandlerUnion<T, E extends Event> = (e: E & {
     currentTarget: T;
     target: Element;
@@ -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

@@ -1,10 +1,11 @@
-import type { Nil } from "@arcgis/components-utils";
-import type { Properties as CssProperties } from "csstype";
-import type { ClassInfo } from "lit-html/directives/class-map.js";
-import type { DirectiveResult } from "lit/directive.js";
-import type { ClassMapDirective } from "lit/directives/class-map.js";
-import type { StyleMapDirective } from "lit/directives/style-map.js";
-import type { DirectiveClass } from "lit-html/directive.js";
+import { Nil } from '@arcgis/components-utils';
+import { Properties as CssProperties } from 'csstype';
+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, 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 {};