@arcgis/lumina 4.32.0-next.1 → 4.32.0-next.3

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export type { PublicLitElement } from "./PublicLitElement";
 export type { Runtime, RuntimeOptions, DevOnlyGlobalRuntime, DevOnlyGlobalComponentRefCallback } from "./runtime";
 export { makeRuntime } from "./runtime";
 export * from "./jsx/jsx";
-export { safeClassMap, safeStyleMap, directive, dynamicValueDirective, live } from "./jsx/directives";
+export { safeClassMap, safeStyleMap, directive, live } from "./jsx/directives";
 export { nothing, noChange, setAttribute, stringOrBoolean } from "./jsx/utils";
 export { noShadowRoot } from "./utils";
 export { createPrototypeProxy } from "./wrappersUtils";

package/dist/index.js

@@ -8,19 +8,20 @@ import {
 } from "./chunk-CH52Q2MB.js";
 
 // src/createEvent.ts
-import { retrieveComponent, trackPropertyKey } from "@arcgis/components-controllers";
+import { retrieveComponent, trackPropertyKey, keyTrackResolve } from "@arcgis/components-controllers";
 var createEventFactory = (eventName = "", options = {}, component = retrieveComponent()) => {
   const emitter = {
     emit: (payload) => {
-      if (process.env.NODE_ENV !== "production") {
-        if (eventName === "") {
+      if (process.env.NODE_ENV !== "production" && !component.el.isConnected) {
+        console.warn(
+          `Trying to emit an ${eventName} event on a disconnected element ${component.el.tagName.toLowerCase()}`
+        );
+      }
+      if (eventName === "") {
+        keyTrackResolve();
+        if (process.env.NODE_ENV !== "production" && eventName === "") {
           throw new Error("Unable to resolve event name from property name");
         }
-        if (!component.el.isConnected) {
-          console.warn(
-            `Trying to emit an ${eventName} event on a disconnected element ${component.el.tagName.toLowerCase()}`
-          );
-        }
       }
       const event = new CustomEvent(eventName, {
         detail: payload,
@@ -211,8 +212,10 @@ var ProxyComponent = class extends HtmlElement {
       this._initializeComponent({ a: ProxyClass._LitConstructor });
     } else {
       void ProxyClass._loadPromise.then(this._initializeComponent.bind(this)).catch((error) => {
-        console.error(error);
         this._postLoaded.reject(error);
+        setTimeout(() => {
+          throw error;
+        });
       });
     }
     if (process.env.NODE_ENV !== "production") {
@@ -654,8 +657,10 @@ var LitElement = class _LitElement extends OriginalLitElement {
       queueMicrotask(
         // eslint-disable-next-line @typescript-eslint/no-misused-promises, @typescript-eslint/promise-function-async
         () => this._load().catch((error) => {
-          console.error(error);
           this._postLoaded.reject(error);
+          setTimeout(() => {
+            throw error;
+          });
         })
       );
     }
@@ -682,11 +687,13 @@ var LitElement = class _LitElement extends OriginalLitElement {
       }
       return existingShadowRoot;
     }
-    const domRoot = renderRoot.getRootNode();
-    domRoot.adoptedStyleSheets = [
-      ...domRoot.adoptedStyleSheets,
-      ...Class.elementStyles.map((stylesheet) => "styleSheet" in stylesheet ? stylesheet.styleSheet : stylesheet)
-    ];
+    if (this.isConnected) {
+      const domRoot = renderRoot.getRootNode();
+      domRoot.adoptedStyleSheets = [
+        ...domRoot.adoptedStyleSheets,
+        ...Class.elementStyles.map((stylesheet) => "styleSheet" in stylesheet ? stylesheet.styleSheet : stylesheet)
+      ];
+    }
     return renderRoot;
   }
   /** Do asynchronous component load */
@@ -794,47 +801,11 @@ var bindEvent = void 0;
 // src/jsx/directives.ts
 import { classMap } from "lit-html/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
-import { Directive } from "lit-html/directive.js";
 import { directive as litDirective } from "lit-html/directive.js";
 import { live as litLive } from "lit-html/directives/live.js";
 var safeClassMap = (parameters) => typeof parameters === "object" && parameters != null ? classMap(parameters) : parameters;
 var safeStyleMap = (parameters) => typeof parameters === "object" && parameters != null ? styleMap(parameters) : parameters;
 var directive = litDirective;
-var DynamicHtmlValueDirective = class extends Directive {
-  update(part, [prop, value]) {
-    if (process.env.NODE_ENV !== "production") {
-      if (part.type !== 6) {
-        throw new Error("DynamicHtmlValueDirective can only be used in the element part position");
-      }
-      if (prop !== "value" && prop !== "defaultValue") {
-        throw new Error('Expected the first argument to DynamicHtmlValueDirective to be "value" or "defaultValue"');
-      }
-      if (typeof value === "object" && value != null) {
-        if ("_$litDirective$" in value) {
-          throw new Error(
-            "Directive is not supported as a value for the `value` or `defaultValue` prop when the tag name is dynamic."
-          );
-        } else {
-          throw new Error(
-            `Tried to set an object as the value/defaultValue prop in a <${part.element.tagName}> element.`
-          );
-        }
-      }
-    }
-    const element = part.element;
-    const tagName = element.tagName;
-    if (prop === "value" ? tagName === "INPUT" : tagName === "BUTTON" || tagName === "DATA") {
-      if (element[prop] !== value) {
-        element[prop] = value;
-      }
-    } else if (value != null) {
-      element.setAttribute("value", value);
-    } else {
-      element.removeAttribute("value");
-    }
-  }
-};
-var dynamicValueDirective = directive(DynamicHtmlValueDirective);
 var live = litLive;
 
 // src/jsx/utils.ts
@@ -881,7 +852,6 @@ export {
   createEvent,
   createPrototypeProxy,
   directive,
-  dynamicValueDirective,
   handleComponentMetaUpdate,
   handleHmrUpdate,
   live,

package/dist/jsx/directives.d.ts

@@ -60,14 +60,6 @@ export declare const safeStyleMap: (parameters: CssProperties | Nil | string) =>
  * "never" to allow it be set as a value for any JSX attribute.
  */
 export declare const directive: <C extends DirectiveClass>(c: C) => (...values: Parameters<InstanceType<C>["render"]>) => never;
-/**
- * Do not import this directly. It will be inserted automatically by JSX to
- * lit-html transformer when you are setting "value" or "defaultValue" JSX prop
- * in an element with dynamic tag name.
- *
- * @internal
- */
-export declare const dynamicValueDirective: (...values: never) => never;
 /**
  * Checks binding values against live DOM values, instead of previously bound
  * values, when determining whether to update the value.

package/dist/jsx/jsx.d.ts

@@ -1293,6 +1293,8 @@ export declare namespace LuminaJsx {
         form?: string;
         for?: string;
         name?: string;
+        value?: string | number;
+        defaultValue?: string | number;
     }
     interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
         max?: number | string;
@@ -1862,7 +1864,7 @@ export declare namespace LuminaJsx {
         base: BaseHTMLAttributes<HTMLBaseElement>;
         bdi: HTMLAttributes;
         bdo: HTMLAttributes;
-        blockquote: BlockquoteHTMLAttributes<HTMLElement>;
+        blockquote: BlockquoteHTMLAttributes<HTMLQuoteElement>;
         body: HTMLAttributes<HTMLBodyElement>;
         br: HTMLAttributes<HTMLBRElement>;
         button: ButtonHTMLAttributes<HTMLButtonElement>;
@@ -1872,7 +1874,7 @@ export declare namespace LuminaJsx {
         code: HTMLAttributes;
         col: ColHTMLAttributes<HTMLTableColElement>;
         colgroup: ColgroupHTMLAttributes<HTMLTableColElement>;
-        data: DataHTMLAttributes<HTMLElement>;
+        data: DataHTMLAttributes<HTMLDataElement>;
         datalist: HTMLAttributes<HTMLDataListElement>;
         dd: HTMLAttributes;
         del: HTMLAttributes;
@@ -1914,16 +1916,16 @@ export declare namespace LuminaJsx {
         map: MapHTMLAttributes<HTMLMapElement>;
         math: MathMLAttributes;
         mark: HTMLAttributes;
-        menu: MenuHTMLAttributes<HTMLElement>;
+        menu: MenuHTMLAttributes<HTMLMenuElement>;
         meta: MetaHTMLAttributes<HTMLMetaElement>;
-        meter: MeterHTMLAttributes<HTMLElement>;
+        meter: MeterHTMLAttributes<HTMLMeterElement>;
         nav: HTMLAttributes;
         noscript: HTMLAttributes;
         object: ObjectHTMLAttributes<HTMLObjectElement>;
         ol: OlHTMLAttributes<HTMLOListElement>;
         optgroup: OptgroupHTMLAttributes<HTMLOptGroupElement>;
         option: OptionHTMLAttributes<HTMLOptionElement>;
-        output: OutputHTMLAttributes<HTMLElement>;
+        output: OutputHTMLAttributes<HTMLOutputElement>;
         p: HTMLAttributes<HTMLParagraphElement>;
         picture: HTMLAttributes;
         pre: HTMLAttributes<HTMLPreElement>;
@@ -1961,7 +1963,7 @@ export declare namespace LuminaJsx {
         tfoot: HTMLAttributes<HTMLTableSectionElement>;
         th: ThHTMLAttributes<HTMLTableCellElement>;
         thead: HTMLAttributes<HTMLTableSectionElement>;
-        time: TimeHTMLAttributes<HTMLElement>;
+        time: TimeHTMLAttributes<HTMLTimeElement>;
         title: HTMLAttributes<HTMLTitleElement>;
         tr: HTMLAttributes<HTMLTableRowElement>;
         track: TrackHTMLAttributes<HTMLTrackElement>;

package/dist/{stencil-ssr-compatibility → stencilSsrCompatibility}/index.js

@@ -1,4 +1,4 @@
-// src/stencil-ssr-compatibility/index.ts
+// src/stencilSsrCompatibility/index.ts
 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.32.0-next.1",
+  "version": "4.32.0-next.3",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -8,7 +8,7 @@
   "exports": {
     ".": "./dist/index.js",
     "./config": "./dist/config.js",
-    "./stencil-ssr-compatibility": "./dist/stencil-ssr-compatibility/index.js",
+    "./stencilSsrCompatibility": "./dist/stencilSsrCompatibility/index.js",
     "./typings": {
       "types": "./dist/typings/index.d.ts"
     },
@@ -29,21 +29,21 @@
     "clean": "rimraf ./dist ./build ./turbo ./node_modules"
   },
   "dependencies": {
-    "@arcgis/components-controllers": "4.32.0-next.1",
-    "@arcgis/components-utils": "4.32.0-next.1",
+    "@arcgis/components-controllers": "4.32.0-next.3",
+    "@arcgis/components-utils": "4.32.0-next.3",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
     "csstype": "^3.1.3",
-    "lit": "^3.1.2",
+    "lit": "^3.2.0",
     "tslib": "^2.7.0"
   },
   "devDependencies": {
-    "@arcgis/typescript-config": "4.32.0-next.1",
+    "@arcgis/typescript-config": "4.32.0-next.3",
     "@types/node": "^20.2.5",
     "eslint": "^8.55.0",
     "rimraf": "^5.0.0",
     "tsup": "^8.3.0",
     "typescript": "~5.4.0"
   },
-  "gitHead": "e5c61e5426551da5fa01c269b3b138133e620ca0"
+  "gitHead": "afc83258caec2a09162da0def77c2ff3867212c1"
 }