@arcgis/lumina 4.32.0-next.10 → 4.32.0-next.12

package/dist/{chunk-CH52Q2MB.js → chunk-PGHUBTOM.js}

@@ -2,9 +2,6 @@
 var lazyMetaGroupJoiner = ";";
 var lazyMetaItemJoiner = ",";
 var lazyMetaSubItemJoiner = ":";
-var defaultEventBubbles = true;
-var defaultEventCancelable = true;
-var defaultEventComposed = true;
 var PropertyFlags = /* @__PURE__ */ ((PropertyFlags2) => {
   PropertyFlags2[PropertyFlags2["ATTRIBUTE"] = 1] = "ATTRIBUTE";
   PropertyFlags2[PropertyFlags2["REFLECT"] = 2] = "REFLECT";
@@ -20,8 +17,5 @@ export {
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner,
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   PropertyFlags
 };

package/dist/config.d.ts

@@ -6,14 +6,6 @@
 export declare const lazyMetaGroupJoiner = ";";
 export declare const lazyMetaItemJoiner = ",";
 export declare const lazyMetaSubItemJoiner = ":";
-/**
- * While these defaults don't match DOM defaults (all false), they match
- * Stencil and Shoelace defaults. Also, they make more sense for our
- * usage (i.e why would you want events to not be cancelable by default?)
- */
-export declare const defaultEventBubbles = true;
-export declare const defaultEventCancelable = true;
-export declare const defaultEventComposed = true;
 /**
  * By default in Lit, the `@property()` decorator accepts an object. However, to
  * keep the bundle size smaller, in production builds, instead of passing it an

package/dist/config.js

@@ -1,17 +1,11 @@
 import {
   PropertyFlags,
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner
-} from "./chunk-CH52Q2MB.js";
+} from "./chunk-PGHUBTOM.js";
 export {
   PropertyFlags,
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner

package/dist/createEvent.d.ts

@@ -1,4 +1,9 @@
 import type { BaseComponent, EventEmitter } from "@arcgis/components-controllers";
+/**
+ * While these defaults don't match DOM defaults (all false), they match
+ * Stencil and Shoelace defaults. Also, they make more sense for our
+ * usage (i.e why would you want events to not be cancelable by default?)
+ */
 export type EventOptions = {
     /**
      * A Boolean indicating whether the event bubbles up through the DOM or not.

package/dist/index.js

@@ -1,11 +1,8 @@
 import {
-  defaultEventBubbles,
-  defaultEventCancelable,
-  defaultEventComposed,
   lazyMetaGroupJoiner,
   lazyMetaItemJoiner,
   lazyMetaSubItemJoiner
-} from "./chunk-CH52Q2MB.js";
+} from "./chunk-PGHUBTOM.js";
 
 // src/createEvent.ts
 import { retrieveComponent, trackPropertyKey, keyTrackResolve } from "@arcgis/components-controllers";
@@ -25,9 +22,9 @@ var createEventFactory = (eventName = "", options = {}, component = retrieveComp
       }
       const event = new CustomEvent(eventName, {
         detail: payload,
-        cancelable: defaultEventCancelable,
-        bubbles: defaultEventBubbles,
-        composed: defaultEventComposed,
+        cancelable: true,
+        bubbles: true,
+        composed: true,
         ...options
       });
       component.el.dispatchEvent(event);
@@ -334,7 +331,7 @@ var ProxyComponent = class extends HtmlElement {
   }
   connectedCallback() {
     if (this._litElement) {
-      this._litElement.connectedCallback();
+      this._litElement.connectedCallback?.();
     } else {
       queueMicrotask(() => {
         this._ancestorLoad = attachToAncestor(this);
@@ -342,7 +339,7 @@ var ProxyComponent = class extends HtmlElement {
     }
   }
   disconnectedCallback() {
-    this._litElement?.disconnectedCallback();
+    this._litElement?.disconnectedCallback?.();
   }
   /**
    * Create a promise that resolves once component is fully loaded
@@ -486,6 +483,21 @@ function handleHmrUpdate(newModules) {
 }
 function reInitialize(instance, newModule) {
   const PreviousLitConstructor = instance._litElement.constructor;
+  const isShadowRoot = PreviousLitConstructor.shadowRootOptions !== noShadowRoot;
+  if (!isShadowRoot) {
+    const root = instance.getRootNode() ?? document;
+    if ("adoptedStyleSheets" in root) {
+      const rootStyles = Array.from(root.adoptedStyleSheets);
+      PreviousLitConstructor.elementStyles.forEach((style) => {
+        const styleSheet = "styleSheet" in style ? style.styleSheet : style;
+        const index = rootStyles.lastIndexOf(styleSheet);
+        if (index > -1) {
+          rootStyles.splice(index, 1);
+        }
+      });
+      root.adoptedStyleSheets = rootStyles;
+    }
+  }
   const properties = PreviousLitConstructor.elementProperties;
   const preservedProperties = Array.from(properties.entries()).filter(
     ([propertyName, descriptor]) => typeof propertyName === "string" && (instance._hmrSetProps.has(propertyName) || typeof descriptor.attribute === "string" && instance._hmrSetAttributes.has(descriptor.attribute))
@@ -503,10 +515,11 @@ function handleComponentMetaUpdate(meta) {
     return;
   }
   const attributes = meta.properties.map(([property2, attribute]) => attribute ?? camelToKebab2(property2)).filter(Boolean);
+  const observedAttributes = initializeAttributeObserver();
   observedAttributes[meta.tagName] ??= {};
   observedAttributes[meta.tagName].original ??= new Set(ProxyClass.observedAttributes);
   const originallyObserved = observedAttributes[meta.tagName].original;
-  observedAttributes[meta.tagName].manuallyObserved ??= new Set(
+  observedAttributes[meta.tagName].manuallyObserved = new Set(
     /**
      * Never manually observe attributes that were in the original
      * observedAttributes as those would be observed by the browser
@@ -518,27 +531,30 @@ function handleComponentMetaUpdate(meta) {
   ProxyClass._properties = meta.properties.map(([name]) => name);
   ProxyClass.observedAttributes = attributes;
 }
-var observedAttributesSymbol = Symbol.for("@arcgis/lumina:observedAttributes");
-var globalThisWithObservedAttributes = globalThis;
-var alreadyHadObservers = observedAttributesSymbol in globalThisWithObservedAttributes;
-globalThisWithObservedAttributes[observedAttributesSymbol] ??= {};
-var observedAttributes = globalThisWithObservedAttributes[observedAttributesSymbol];
-if (!alreadyHadObservers) {
-  const makeObserver = (original) => function observeAttributes(qualifiedName, ...rest) {
-    const observed = observedAttributes[this.tagName.toLowerCase()]?.manuallyObserved;
-    if (observed?.has(qualifiedName)) {
-      const oldValue = this.getAttribute(qualifiedName);
-      const returns = original.call(this, qualifiedName, ...rest);
-      const newValue = this.getAttribute(qualifiedName);
-      this.attributeChangedCallback(qualifiedName, oldValue, newValue);
-      return returns;
-    } else {
-      return original.call(this, qualifiedName, ...rest);
-    }
-  };
-  ProxyComponent.prototype.setAttribute = makeObserver(ProxyComponent.prototype.setAttribute);
-  ProxyComponent.prototype.toggleAttribute = makeObserver(ProxyComponent.prototype.toggleAttribute);
-  ProxyComponent.prototype.removeAttribute = makeObserver(ProxyComponent.prototype.removeAttribute);
+function initializeAttributeObserver() {
+  const observedAttributesSymbol = Symbol.for("@arcgis/lumina:observedAttributes");
+  const globalThisWithObservedAttributes = globalThis;
+  const alreadyHadObservers = observedAttributesSymbol in globalThisWithObservedAttributes;
+  globalThisWithObservedAttributes[observedAttributesSymbol] ??= {};
+  const observedAttributes = globalThisWithObservedAttributes[observedAttributesSymbol];
+  if (!alreadyHadObservers) {
+    const makeObserver = (original) => function observeAttributes(qualifiedName, ...rest) {
+      const observed = observedAttributes[this.tagName.toLowerCase()]?.manuallyObserved;
+      if (observed?.has(qualifiedName)) {
+        const oldValue = this.getAttribute(qualifiedName);
+        const returns = original.call(this, qualifiedName, ...rest);
+        const newValue = this.getAttribute(qualifiedName);
+        this.attributeChangedCallback(qualifiedName, oldValue, newValue);
+        return returns;
+      } else {
+        return original.call(this, qualifiedName, ...rest);
+      }
+    };
+    ProxyComponent.prototype.setAttribute = makeObserver(ProxyComponent.prototype.setAttribute);
+    ProxyComponent.prototype.toggleAttribute = makeObserver(ProxyComponent.prototype.toggleAttribute);
+    ProxyComponent.prototype.removeAttribute = makeObserver(ProxyComponent.prototype.removeAttribute);
+  }
+  return observedAttributes;
 }
 
 // src/LitElement.ts
@@ -608,8 +624,7 @@ var LitElement = class _LitElement extends OriginalLitElement {
       styles = styles.filter(Boolean);
     }
     const finalizedStyles = super.finalizeStyles(styles);
-    const options = this.constructor.shadowRootOptions;
-    const useLightDom = options === noShadowRoot;
+    const useLightDom = this.shadowRootOptions === noShadowRoot;
     return this.runtime?.commonStyles === void 0 || useLightDom ? finalizedStyles : [this.runtime.commonStyles, ...finalizedStyles];
   }
   static createProperty(name, options) {

package/dist/jsx/jsx.d.ts

@@ -6,7 +6,6 @@
  * /// <reference types="@arcgis/lumina/typings" />
  * ```
  */
-/// <reference path="../typings/jsxGlobals.d.ts" />
 import type { Properties as CssProperties } from "csstype";
 import type { TemplateResult } from "lit-html";
 import type { DirectiveResult } from "lit-html/directive.js";

package/dist/stencilSsrCompatibility/index.d.ts

@@ -2,7 +2,6 @@
  * Lots of silencing of ESLint in this file to be compatible with Stencil's
  * unsafe typings.
  */
-/// <reference types="node" />
 import { type RenderInfo } from "@lit-labs/ssr/lib/render.js";
 import type { Readable } from "node:stream";
 /**

package/dist/typings/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference path="jsxGlobals.d.ts" />
-/// <reference path="loadLitCss.d.ts" />
-/// <reference path="viteEnv.d.ts" />
-/// <reference path="importMeta.d.ts" />
+/// <reference path="jsxGlobals.d.ts" preserve="true" />
+/// <reference path="loadLitCss.d.ts" preserve="true" />
+/// <reference path="viteEnv.d.ts" preserve="true" />
+/// <reference path="importMeta.d.ts" preserve="true" />

package/package.json

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