@arcgis/lumina 4.33.0-next.1 → 4.33.0-next.100

package/dist/{chunk-6HCCSL5F.js → utils-DBdf1Dqp.js}

@@ -1,17 +1,9 @@
-import {
-  lazyMetaGroupJoiner,
-  lazyMetaItemJoiner,
-  lazyMetaSubItemJoiner
-} from "./chunk-PGHUBTOM.js";
-
-// src/lazyLoad.ts
-import { Deferred, camelToKebab, isEsriInternalEnv } from "@arcgis/components-utils";
-
-// src/devOnlyDetectIncorrectLazyUsages.ts
+import { Deferred, isEsriInternalEnv, camelToKebab } from "@arcgis/components-utils";
+import { lazyMetaSubItemJoiner, lazyMetaGroupJoiner, lazyMetaItemJoiner } from "./config.js";
 function devOnlyDetectIncorrectLazyUsages(LitClass) {
   const genericPrototype = LitClass.prototype;
   const descriptor = Object.getOwnPropertyDescriptor(genericPrototype, "innerText");
-  if (descriptor !== void 0 && descriptor.get === descriptor.set) {
+  if (descriptor !== void 0 && descriptor.set?.name === "setWrapper") {
     return;
   }
   const allowList = /* @__PURE__ */ new Set([
@@ -41,23 +33,40 @@ function devOnlyDetectIncorrectLazyUsages(LitClass) {
     if (allowList.has(key)) {
       return;
     }
-    const callback = (...args) => {
+    function validateUsage(...args) {
+      const isDynamicallyCreatedComponentInTest = this === this.el;
+      if (isDynamicallyCreatedComponentInTest) {
+        return;
+      }
       if (key === "hasAttribute" && args[0] === "defer-hydration") {
         return false;
       }
       throw new Error(
         `You should not be trying to access this.${key} directly as it won't work correctly in lazy-builds. Instead, ${customErrorMessages[key] ?? `use this.el.${key}`}`
       );
-    };
+    }
     if (typeof value.value === "function") {
-      genericPrototype[key] = callback;
+      genericPrototype[key] = function functionWrapper(...args) {
+        return validateUsage.call(this, ...args) ?? value.value.call(this, ...args);
+      };
+    } else if (typeof value.get === "function") {
+      Object.defineProperty(genericPrototype, key, {
+        get() {
+          validateUsage.call(this);
+          return value.get.call(this);
+        },
+        set: typeof value.set === "function" ? function setWrapper(setValue) {
+          validateUsage.call(this);
+          value.set.call(this, setValue);
+        } : void 0
+      });
+    } else if (key === key.toUpperCase() && typeof value.value === "number") {
+      return;
     } else {
-      Object.defineProperty(genericPrototype, key, { get: callback, set: callback });
+      throw new Error(`Unexpected value type for ${key}: ${value}`);
     }
   });
 }
-
-// src/lifecycleSupport.ts
 function attachToAncestor(child) {
   let ancestor = child;
   while (ancestor = ancestor.parentNode ?? ancestor.host) {
@@ -71,9 +80,7 @@ function attachToAncestor(child) {
   }
   return false;
 }
-
-// src/lazyLoad.ts
-var makeDefineCustomElements = (runtime, structure) => function defineCustomElements(windowOrOptions, options) {
+const makeDefineCustomElements = (runtime, structure) => function defineCustomElements(windowOrOptions, options) {
   if (!globalThis.customElements) {
     return;
   }
@@ -121,35 +128,19 @@ function createLazyElement([tagName, [load, compactMeta = ""]]) {
     globalThis.devOnly$ownTagNames?.add(tagName);
   }
 }
-var defineProperty = Object.defineProperty;
+const defineProperty = Object.defineProperty;
 function parseCondensedProp(propAndAttribute) {
   const name = propAndAttribute.split(lazyMetaSubItemJoiner);
   return name.length === 1 ? [name[0], camelToKebab(name[0])] : name;
 }
-var HtmlElement = globalThis.HTMLElement ?? parseCondensedProp;
-var ProxyComponent = class extends HtmlElement {
+const HtmlElement = globalThis.HTMLElement ?? parseCondensedProp;
+class ProxyComponent extends HtmlElement {
   constructor() {
     super();
-    /** @internal */
     this._store = {};
-    /**
-     * If attributeChangedCallback() is called before the LitElement is loaded,
-     * store the attributes here, and replay later
-     */
     this._pendingAttributes = [];
-    /**
-     * Resolved once LitElement's load() is complete.
-     * Not read inside of this class, but needed for LitElement to determine if
-     * it's closest ancestor finished load()
-     */
     this._postLoad = new Deferred();
-    /**
-     * Resolved once LitElement's loaded() is complete
-     */
     this._postLoaded = new Deferred();
-    /**
-     * Direct offspring that should be awaited before loaded() is emitted
-     */
     this._offspring = [];
     if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
       this._hmrSetProps = /* @__PURE__ */ new Set();
@@ -162,7 +153,7 @@ var ProxyComponent = class extends HtmlElement {
     if (ProxyClass._LitConstructor) {
       this._initializeComponent({ a: ProxyClass._LitConstructor });
     } else {
-      void ProxyClass._loadPromise.then(this._initializeComponent.bind(this)).catch((error) => {
+      void ProxyClass._loadPromise.then(awaitTopLevelPolyfill).then(this._initializeComponent.bind(this)).catch((error) => {
         this._postLoaded.reject(error);
         setTimeout(() => {
           throw error;
@@ -172,17 +163,13 @@ var ProxyComponent = class extends HtmlElement {
     if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
       ProxyClass._hmrInstances ??= [];
       ProxyClass._hmrInstances.push(new WeakRef(this));
-      Object.defineProperty(this, "_store", {
-        value: this._store,
-        enumerable: false,
-        configurable: true
-      });
+      Object.defineProperty(this, "_store", { value: this._store, enumerable: false, configurable: true });
     }
   }
   static {
     this.lumina = true;
   }
-  /** @internal */
+  /** private */
   static _initializePrototype() {
     this._properties?.forEach(this._bindProp, this);
     this._asyncMethods?.forEach(this._bindAsync, this);
@@ -302,7 +289,7 @@ var ProxyComponent = class extends HtmlElement {
     await this._postLoaded.promise;
     return this;
   }
-  /** @internal */
+  /** private */
   _initializeComponent(module) {
     const ProxyClass = this.constructor;
     const tagName = ProxyClass._name;
@@ -320,25 +307,7 @@ var ProxyComponent = class extends HtmlElement {
     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);
-      };
-      litElementPrototype.removeAttribute = function(qualifiedName) {
-        elementPrototype.removeAttribute.call(this.el, qualifiedName);
-      };
-      defineProperty(litElementPrototype, "isConnected", {
-        get() {
-          return Reflect.get(elementPrototype, "isConnected", this.el);
-        }
-      });
-    }
-    if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-      devOnlyDetectIncorrectLazyUsages(parentClass);
-    }
+    patchLitElement(parentClass);
     const isFirstInitialization = !ProxyClass._LitConstructor;
     if (isFirstInitialization) {
       ProxyClass._LitConstructor = LitConstructor;
@@ -348,11 +317,7 @@ var ProxyComponent = class extends HtmlElement {
     const litElement = document.createElement(lazyTagName);
     LitConstructor.lazy = void 0;
     if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-      Object.defineProperty(this, "_litElement", {
-        value: litElement,
-        configurable: true,
-        enumerable: false
-      });
+      Object.defineProperty(this, "_litElement", { value: litElement, configurable: true, enumerable: false });
     } else {
       this._litElement = litElement;
     }
@@ -402,17 +367,39 @@ var ProxyComponent = class extends HtmlElement {
   requestUpdate() {
     this._litElement?.requestUpdate();
   }
-};
+}
 function syncLitElement([key, value]) {
   this[key] = value;
 }
-
-// src/utils.ts
-var noShadowRoot = {};
-
+function patchLitElement(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);
+    };
+    litElementPrototype.removeAttribute = function(qualifiedName) {
+      elementPrototype.removeAttribute.call(this.el, qualifiedName);
+    };
+    defineProperty(litElementPrototype, "isConnected", {
+      get() {
+        return Reflect.get(elementPrototype, "isConnected", this.el);
+      }
+    });
+  }
+  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
+    devOnlyDetectIncorrectLazyUsages(parentClass);
+  }
+}
+const awaitTopLevelPolyfill = async (module) => {
+  await module.$$;
+  return module;
+};
+const noShadowRoot = {};
 export {
-  attachToAncestor,
-  makeDefineCustomElements,
-  ProxyComponent,
-  noShadowRoot
+  ProxyComponent as P,
+  attachToAncestor as a,
+  makeDefineCustomElements as m,
+  noShadowRoot as n
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.33.0-next.1",
+  "version": "4.33.0-next.100",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -13,6 +13,8 @@
     "./typings": {
       "types": "./dist/typings/index.d.ts"
     },
+    "./controllers": "./dist/controllers/index.js",
+    "./controllers/accessor": "./dist/controllers/accessor/index.js",
     "./package.json": "./package.json"
   },
   "files": [
@@ -20,8 +22,7 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/components-controllers": "4.33.0-next.1",
-    "@arcgis/components-utils": "4.33.0-next.1",
+    "@arcgis/components-utils": "4.33.0-next.100",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
     "@lit/context": "^1.1.3",

package/dist/chunk-PGHUBTOM.js

@@ -1,21 +0,0 @@
-// src/config.ts
-var lazyMetaGroupJoiner = ";";
-var lazyMetaItemJoiner = ",";
-var lazyMetaSubItemJoiner = ":";
-var PropertyFlags = /* @__PURE__ */ ((PropertyFlags2) => {
-  PropertyFlags2[PropertyFlags2["ATTRIBUTE"] = 1] = "ATTRIBUTE";
-  PropertyFlags2[PropertyFlags2["REFLECT"] = 2] = "REFLECT";
-  PropertyFlags2[PropertyFlags2["BOOLEAN"] = 4] = "BOOLEAN";
-  PropertyFlags2[PropertyFlags2["NUMBER"] = 8] = "NUMBER";
-  PropertyFlags2[PropertyFlags2["STATE"] = 16] = "STATE";
-  PropertyFlags2[PropertyFlags2["READ_ONLY"] = 32] = "READ_ONLY";
-  PropertyFlags2[PropertyFlags2["NO_ACCESSOR"] = 64] = "NO_ACCESSOR";
-  return PropertyFlags2;
-})(PropertyFlags || {});
-
-export {
-  lazyMetaGroupJoiner,
-  lazyMetaItemJoiner,
-  lazyMetaSubItemJoiner,
-  PropertyFlags
-};

package/dist/wrappersUtils.test.d.ts

@@ -1 +0,0 @@
-export {};