@arcgis/instant-apps-components-react 4.34.0-next.60 → 4.34.0-next.61

package/dist/index.js

@@ -1254,18 +1254,8 @@ const Pn = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
     }, [h]) });
   });
   return u.displayName = r ?? t.name, u;
-};
-class Ie {
-  /**
-   * Creates a new deferred promise.
-   */
-  constructor() {
-    this.promise = new Promise((e, t) => {
-      this.resolve = e, this.reject = t;
-    });
-  }
-}
-const U = () => (
+}, U = () => (
+  //#endregion isEsriInternalEnv
   /*
    * `globalThis.` is important here. Some bundlers remove the `typeof process`
    * checks, but don't remove the usages of undefined variables - this can cause
@@ -1289,14 +1279,7 @@ const U = () => (
   } catch (o) {
     console.error(o, s);
   }
-}, Dn = (s) => s.replace(Un, (e, t) => `${t === 0 ? "" : "-"}${e.toLowerCase()}`), Un = /[A-Z]+(?![a-z])|[A-Z]/gu, In = (s, e) => {
-  const t = e / Mn;
-  let o = 0;
-  const r = setInterval(() => {
-    o += t, o >= e && (clearInterval(r), s());
-  }, t);
-  return r;
-}, Mn = 4, ht = Symbol.for("controller"), jn = (s) => typeof s == "object" && s !== null && (ht in s || "hostConnected" in s || "hostDisconnected" in s || "hostUpdate" in s || "hostUpdated" in s);
+}, ht = Symbol.for("controller"), Dn = (s) => typeof s == "object" && s !== null && (ht in s || "hostConnected" in s || "hostDisconnected" in s || "hostUpdate" in s || "hostUpdated" in s);
 let Ee;
 const ke = (s) => {
   Ee !== s && (Ee = s, queueMicrotask(() => Ee === s ? Ee = void 0 : 0));
@@ -1327,19 +1310,19 @@ const ke = (s) => {
   return Ee;
 };
 let ce = [];
-const Hn = (s) => {
+const Un = (s) => {
   if (s === void 0) {
     ce = [];
     return;
   }
   const e = ce.indexOf(s);
   ce = e === -1 ? [...ce, s] : ce.slice(0, e + 1), queueMicrotask(() => ce = []);
-}, xn = () => ce;
+}, In = () => ce;
 let qt;
-const Wn = () => {
+const Mn = () => {
   const s = qt;
   return qt = void 0, s;
-}, zn = async (s, e) => {
+}, jn = async (s, e) => {
   const t = pt(s);
   if (t === void 0) {
     if (process.env.NODE_ENV !== "production" && U() && typeof e == "function")
@@ -1356,7 +1339,7 @@ const Wn = () => {
     );
   }
   return t.exports;
-}, qn = async (s) => {
+}, Hn = async (s) => {
   const e = pt(s);
   if (process.env.NODE_ENV !== "production" && U() && e === void 0)
     throw new Error(
@@ -1367,9 +1350,9 @@ const Wn = () => {
   const t = nt().manager.X(s);
   if (t !== void 0)
     return t;
-  if (jn(s))
+  if (Dn(s))
     return s;
-  const o = Wn();
+  const o = Mn();
   if (o !== void 0)
     return o;
 };
@@ -1379,7 +1362,7 @@ const Wn = () => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Xe = globalThis, ft = Xe.ShadowRoot && (Xe.ShadyCSS === void 0 || Xe.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, cn = Symbol(), Yt = /* @__PURE__ */ new WeakMap();
-let Yn = class {
+let xn = class {
   constructor(e, t, o) {
     if (this._$cssResult$ = !0, o !== cn) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
@@ -1397,7 +1380,7 @@ let Yn = class {
     return this.cssText;
   }
 };
-const Vn = (s) => new Yn(typeof s == "string" ? s : s + "", void 0, cn), Bn = (s, e) => {
+const Wn = (s) => new xn(typeof s == "string" ? s : s + "", void 0, cn), zn = (s, e) => {
   if (ft) s.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const o = document.createElement("style"), r = Xe.litNonce;
@@ -1406,17 +1389,17 @@ const Vn = (s) => new Yn(typeof s == "string" ? s : s + "", void 0, cn), Bn = (s
 }, Vt = ft ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const o of e.cssRules) t += o.cssText;
-  return Vn(t);
+  return Wn(t);
 })(s) : s;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Fn, defineProperty: Kn, getOwnPropertyDescriptor: Gn, getOwnPropertyNames: Qn, getOwnPropertySymbols: Xn, getPrototypeOf: Zn } = Object, ot = globalThis, Bt = ot.trustedTypes, Jn = Bt ? Bt.emptyScript : "", eo = ot.reactiveElementPolyfillSupport, De = (s, e) => s, dt = { toAttribute(s, e) {
+const { is: qn, defineProperty: Yn, getOwnPropertyDescriptor: Vn, getOwnPropertyNames: Bn, getOwnPropertySymbols: Fn, getPrototypeOf: Kn } = Object, ot = globalThis, Bt = ot.trustedTypes, Gn = Bt ? Bt.emptyScript : "", Qn = ot.reactiveElementPolyfillSupport, De = (s, e) => s, dt = { toAttribute(s, e) {
   switch (e) {
     case Boolean:
-      s = s ? Jn : null;
+      s = s ? Gn : null;
       break;
     case Object:
     case Array:
@@ -1441,7 +1424,7 @@ const { is: Fn, defineProperty: Kn, getOwnPropertyDescriptor: Gn, getOwnProperty
       }
   }
   return t;
-} }, yt = (s, e) => !Fn(s, e), Ft = { attribute: !0, type: String, converter: dt, reflect: !1, useDefault: !1, hasChanged: yt };
+} }, yt = (s, e) => !qn(s, e), Ft = { attribute: !0, type: String, converter: dt, reflect: !1, useDefault: !1, hasChanged: yt };
 Symbol.metadata ??= Symbol("metadata"), ot.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 class ve extends HTMLElement {
   static addInitializer(e) {
@@ -1453,11 +1436,11 @@ class ve extends HTMLElement {
   static createProperty(e, t = Ft) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const o = Symbol(), r = this.getPropertyDescriptor(e, o, t);
-      r !== void 0 && Kn(this.prototype, e, r);
+      r !== void 0 && Yn(this.prototype, e, r);
     }
   }
   static getPropertyDescriptor(e, t, o) {
-    const { get: r, set: c } = Gn(this.prototype, e) ?? { get() {
+    const { get: r, set: c } = Vn(this.prototype, e) ?? { get() {
       return this[t];
     }, set(u) {
       this[t] = u;
@@ -1472,13 +1455,13 @@ class ve extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(De("elementProperties"))) return;
-    const e = Zn(this);
+    const e = Kn(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(De("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(De("properties"))) {
-      const t = this.properties, o = [...Qn(t), ...Xn(t)];
+      const t = this.properties, o = [...Bn(t), ...Fn(t)];
       for (const r of o) this.createProperty(r, t[r]);
     }
     const e = this[Symbol.metadata];
@@ -1524,7 +1507,7 @@ class ve extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Bn(e, this.constructor.elementStyles), e;
+    return zn(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
@@ -1622,20 +1605,20 @@ class ve extends HTMLElement {
   firstUpdated(e) {
   }
 }
-ve.elementStyles = [], ve.shadowRootOptions = { mode: "open" }, ve[De("elementProperties")] = /* @__PURE__ */ new Map(), ve[De("finalized")] = /* @__PURE__ */ new Map(), eo?.({ ReactiveElement: ve }), (ot.reactiveElementVersions ??= []).push("2.1.0");
+ve.elementStyles = [], ve.shadowRootOptions = { mode: "open" }, ve[De("elementProperties")] = /* @__PURE__ */ new Map(), ve[De("finalized")] = /* @__PURE__ */ new Map(), Qn?.({ ReactiveElement: ve }), (ot.reactiveElementVersions ??= []).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const mt = globalThis, et = mt.trustedTypes, Kt = et ? et.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, un = "$lit$", oe = `lit$${Math.random().toFixed(9).slice(2)}$`, ln = "?" + oe, to = `<${ln}>`, he = document, Me = () => he.createComment(""), je = (s) => s === null || typeof s != "object" && typeof s != "function", gt = Array.isArray, no = (s) => gt(s) || typeof s?.[Symbol.iterator] == "function", ut = `[ 	
+const mt = globalThis, et = mt.trustedTypes, Kt = et ? et.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, un = "$lit$", oe = `lit$${Math.random().toFixed(9).slice(2)}$`, ln = "?" + oe, Xn = `<${ln}>`, he = document, Ie = () => he.createComment(""), Me = (s) => s === null || typeof s != "object" && typeof s != "function", gt = Array.isArray, Zn = (s) => gt(s) || typeof s?.[Symbol.iterator] == "function", ut = `[ 	
 \f\r]`, Le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Gt = /-->/g, Qt = />/g, ae = RegExp(`>|${ut}(?:([^\\s"'>=/]+)(${ut}*=${ut}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), Xt = /'/g, Zt = /"/g, dn = /^(?:script|style|textarea|title)$/i, $e = Symbol.for("lit-noChange"), W = Symbol.for("lit-nothing"), Jt = /* @__PURE__ */ new WeakMap(), ue = he.createTreeWalker(he, 129);
 function hn(s, e) {
   if (!gt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Kt !== void 0 ? Kt.createHTML(e) : e;
 }
-const oo = (s, e) => {
+const Jn = (s, e) => {
   const t = s.length - 1, o = [];
   let r, c = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", u = Le;
   for (let p = 0; p < t; p++) {
@@ -1643,17 +1626,17 @@ const oo = (s, e) => {
     let m, g, _ = -1, D = 0;
     for (; D < h.length && (u.lastIndex = D, g = u.exec(h), g !== null); ) D = u.lastIndex, u === Le ? g[1] === "!--" ? u = Gt : g[1] !== void 0 ? u = Qt : g[2] !== void 0 ? (dn.test(g[2]) && (r = RegExp("</" + g[2], "g")), u = ae) : g[3] !== void 0 && (u = ae) : u === ae ? g[0] === ">" ? (u = r ?? Le, _ = -1) : g[1] === void 0 ? _ = -2 : (_ = u.lastIndex - g[2].length, m = g[1], u = g[3] === void 0 ? ae : g[3] === '"' ? Zt : Xt) : u === Zt || u === Xt ? u = ae : u === Gt || u === Qt ? u = Le : (u = ae, r = void 0);
     const N = u === ae && s[p + 1].startsWith("/>") ? " " : "";
-    c += u === Le ? h + to : _ >= 0 ? (o.push(m), h.slice(0, _) + un + h.slice(_) + oe + N) : h + oe + (_ === -2 ? p : N);
+    c += u === Le ? h + Xn : _ >= 0 ? (o.push(m), h.slice(0, _) + un + h.slice(_) + oe + N) : h + oe + (_ === -2 ? p : N);
   }
   return [hn(s, c + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
-class He {
+class je {
   constructor({ strings: e, _$litType$: t }, o) {
     let r;
     this.parts = [];
     let c = 0, u = 0;
-    const p = e.length - 1, h = this.parts, [m, g] = oo(e, t);
-    if (this.el = He.createElement(m, o), ue.currentNode = this.el.content, t === 2 || t === 3) {
+    const p = e.length - 1, h = this.parts, [m, g] = Jn(e, t);
+    if (this.el = je.createElement(m, o), ue.currentNode = this.el.content, t === 2 || t === 3) {
       const _ = this.el.content.firstChild;
       _.replaceWith(..._.childNodes);
     }
@@ -1661,14 +1644,14 @@ class He {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const _ of r.getAttributeNames()) if (_.endsWith(un)) {
           const D = g[u++], N = r.getAttribute(_).split(oe), I = /([.?@])?(.*)/.exec(D);
-          h.push({ type: 1, index: c, name: I[2], strings: N, ctor: I[1] === "." ? so : I[1] === "?" ? io : I[1] === "@" ? ao : rt }), r.removeAttribute(_);
+          h.push({ type: 1, index: c, name: I[2], strings: N, ctor: I[1] === "." ? to : I[1] === "?" ? no : I[1] === "@" ? oo : rt }), r.removeAttribute(_);
         } else _.startsWith(oe) && (h.push({ type: 6, index: c }), r.removeAttribute(_));
         if (dn.test(r.tagName)) {
           const _ = r.textContent.split(oe), D = _.length - 1;
           if (D > 0) {
             r.textContent = et ? et.emptyScript : "";
-            for (let N = 0; N < D; N++) r.append(_[N], Me()), ue.nextNode(), h.push({ type: 2, index: ++c });
-            r.append(_[D], Me());
+            for (let N = 0; N < D; N++) r.append(_[N], Ie()), ue.nextNode(), h.push({ type: 2, index: ++c });
+            r.append(_[D], Ie());
           }
         }
       } else if (r.nodeType === 8) if (r.data === ln) h.push({ type: 2, index: c });
@@ -1687,10 +1670,10 @@ class He {
 function Ae(s, e, t = s, o) {
   if (e === $e) return e;
   let r = o !== void 0 ? t._$Co?.[o] : t._$Cl;
-  const c = je(e) ? void 0 : e._$litDirective$;
+  const c = Me(e) ? void 0 : e._$litDirective$;
   return r?.constructor !== c && (r?._$AO?.(!1), c === void 0 ? r = void 0 : (r = new c(s), r._$AT(s, t, o)), o !== void 0 ? (t._$Co ??= [])[o] = r : t._$Cl = r), r !== void 0 && (e = Ae(s, r._$AS(s, e.values), r, o)), e;
 }
-class ro {
+class eo {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -1707,7 +1690,7 @@ class ro {
     for (; h !== void 0; ) {
       if (u === h.index) {
         let m;
-        h.type === 2 ? m = new ze(c, c.nextSibling, this, e) : h.type === 1 ? m = new h.ctor(c, h.name, h.strings, this, e) : h.type === 6 && (m = new co(c, this, e)), this._$AV.push(m), h = o[++p];
+        h.type === 2 ? m = new ze(c, c.nextSibling, this, e) : h.type === 1 ? m = new h.ctor(c, h.name, h.strings, this, e) : h.type === 6 && (m = new ro(c, this, e)), this._$AV.push(m), h = o[++p];
       }
       u !== h?.index && (c = ue.nextNode(), u++);
     }
@@ -1737,7 +1720,7 @@ class ze {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = Ae(this, e, t), je(e) ? e === W || e == null || e === "" ? (this._$AH !== W && this._$AR(), this._$AH = W) : e !== this._$AH && e !== $e && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : no(e) ? this.k(e) : this._(e);
+    e = Ae(this, e, t), Me(e) ? e === W || e == null || e === "" ? (this._$AH !== W && this._$AR(), this._$AH = W) : e !== this._$AH && e !== $e && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Zn(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -1746,25 +1729,25 @@ class ze {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== W && je(this._$AH) ? this._$AA.nextSibling.data = e : this.T(he.createTextNode(e)), this._$AH = e;
+    this._$AH !== W && Me(this._$AH) ? this._$AA.nextSibling.data = e : this.T(he.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    const { values: t, _$litType$: o } = e, r = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = He.createElement(hn(o.h, o.h[0]), this.options)), o);
+    const { values: t, _$litType$: o } = e, r = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = je.createElement(hn(o.h, o.h[0]), this.options)), o);
     if (this._$AH?._$AD === r) this._$AH.p(t);
     else {
-      const c = new ro(r, this), u = c.u(this.options);
+      const c = new eo(r, this), u = c.u(this.options);
       c.p(t), this.T(u), this._$AH = c;
     }
   }
   _$AC(e) {
     let t = Jt.get(e.strings);
-    return t === void 0 && Jt.set(e.strings, t = new He(e)), t;
+    return t === void 0 && Jt.set(e.strings, t = new je(e)), t;
   }
   k(e) {
     gt(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let o, r = 0;
-    for (const c of e) r === t.length ? t.push(o = new ze(this.O(Me()), this.O(Me()), this, this.options)) : o = t[r], o._$AI(c), r++;
+    for (const c of e) r === t.length ? t.push(o = new ze(this.O(Ie()), this.O(Ie()), this, this.options)) : o = t[r], o._$AI(c), r++;
     r < t.length && (this._$AR(o && o._$AB.nextSibling, r), t.length = r);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -1790,11 +1773,11 @@ class rt {
   _$AI(e, t = this, o, r) {
     const c = this.strings;
     let u = !1;
-    if (c === void 0) e = Ae(this, e, t, 0), u = !je(e) || e !== this._$AH && e !== $e, u && (this._$AH = e);
+    if (c === void 0) e = Ae(this, e, t, 0), u = !Me(e) || e !== this._$AH && e !== $e, u && (this._$AH = e);
     else {
       const p = e;
       let h, m;
-      for (e = c[0], h = 0; h < c.length - 1; h++) m = Ae(this, p[o + h], t, h), m === $e && (m = this._$AH[h]), u ||= !je(m) || m !== this._$AH[h], m === W ? e = W : e !== W && (e += (m ?? "") + c[h + 1]), this._$AH[h] = m;
+      for (e = c[0], h = 0; h < c.length - 1; h++) m = Ae(this, p[o + h], t, h), m === $e && (m = this._$AH[h]), u ||= !Me(m) || m !== this._$AH[h], m === W ? e = W : e !== W && (e += (m ?? "") + c[h + 1]), this._$AH[h] = m;
     }
     u && !r && this.j(e);
   }
@@ -1802,7 +1785,7 @@ class rt {
     e === W ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class so extends rt {
+class to extends rt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -1810,7 +1793,7 @@ class so extends rt {
     this.element[this.name] = e === W ? void 0 : e;
   }
 }
-class io extends rt {
+class no extends rt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -1818,7 +1801,7 @@ class io extends rt {
     this.element.toggleAttribute(this.name, !!e && e !== W);
   }
 }
-class ao extends rt {
+class oo extends rt {
   constructor(e, t, o, r, c) {
     super(e, t, o, r, c), this.type = 5;
   }
@@ -1831,7 +1814,7 @@ class ao extends rt {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class co {
+class ro {
   constructor(e, t, o) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
   }
@@ -1842,14 +1825,14 @@ class co {
     Ae(this, e);
   }
 }
-const uo = mt.litHtmlPolyfillSupport;
-uo?.(He, ze), (mt.litHtmlVersions ??= []).push("3.3.0");
-const lo = (s, e, t) => {
+const so = mt.litHtmlPolyfillSupport;
+so?.(je, ze), (mt.litHtmlVersions ??= []).push("3.3.0");
+const io = (s, e, t) => {
   const o = t?.renderBefore ?? e;
   let r = o._$litPart$;
   if (r === void 0) {
     const c = t?.renderBefore ?? null;
-    o._$litPart$ = r = new ze(e.insertBefore(Me(), c), c, void 0, t ?? {});
+    o._$litPart$ = r = new ze(e.insertBefore(Ie(), c), c, void 0, t ?? {});
   }
   return r._$AI(s), r;
 };
@@ -1869,7 +1852,7 @@ class re extends ve {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = lo(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = io(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -1882,10 +1865,27 @@ class re extends ve {
   }
 }
 re._$litElement$ = !0, re.finalized = !0, vt.litElementHydrateSupport?.({ LitElement: re });
-const ho = vt.litElementPolyfillSupport;
-ho?.({ LitElement: re });
+const ao = vt.litElementPolyfillSupport;
+ao?.({ LitElement: re });
 (vt.litElementVersions ??= []).push("4.2.0");
-const po = (s, e, t) => {
+class He {
+  /**
+   * Creates a new deferred promise.
+   */
+  constructor() {
+    this.promise = new Promise((e, t) => {
+      this.resolve = e, this.reject = t;
+    });
+  }
+}
+const co = (s, e) => {
+  const t = e / uo;
+  let o = 0;
+  const r = setInterval(() => {
+    o += t, o >= e && (clearInterval(r), s());
+  }, t);
+  return r;
+}, uo = 4, lo = (s, e, t) => {
   const o = Object.keys(s), r = o.length;
   _e === void 0 && queueMicrotask(Et), _e ??= /* @__PURE__ */ new Map();
   let c = _e.get(s);
@@ -1900,12 +1900,12 @@ const Et = () => {
     const t = Object.keys(e);
     s.forEach((o) => o(t));
   }), _e = void 0;
-}, fo = (s, e, t) => {
+}, ho = (s, e, t) => {
   const o = s.manager;
   return o.V !== W && o.V !== t && o.S(void 0, void 0), o.T.length === 0 && queueMicrotask(() => o.S(void 0, void 0)), o.V = t, o.T.push((r, c) => x(e, void 0, t === c ? r : void 0)), t;
-}, yo = (s = [
+}, po = (s = [
   nt(),
-  ...xn()
+  ...In()
 ], e, t) => {
   const o = Array.isArray(s) ? s : [s];
   let r = o.length + 1;
@@ -1913,7 +1913,7 @@ const Et = () => {
     r -= 1, u !== void 0 && (r = Math.min(r, 0)), r === 0 && e(u);
   };
   o.forEach(
-    (u) => po(
+    (u) => lo(
       u,
       (p) => c(p === void 0 ? void 0 : { key: p, host: u, isReactive: !1 }),
       t
@@ -1921,7 +1921,7 @@ const Et = () => {
   );
   for (const u of o)
     if ("manager" in u && u.manager.component === u) {
-      fo(
+      ho(
         u,
         (p) => c(p === void 0 ? void 0 : { key: p, host: u, isReactive: !0 }),
         t
@@ -1929,7 +1929,7 @@ const Et = () => {
       break;
     }
   return t;
-}, mo = (s = "", e = {}, t = nt()) => {
+}, fo = (s = "", e = {}, t = nt()) => {
   const o = {
     emit: (r) => {
       if (process.env.NODE_ENV !== "production" && U() && !t.el.isConnected && console.warn(`Trying to emit an ${s} event on a disconnected element ${t.el.localName}`), s === "" && (Et(), process.env.NODE_ENV !== "production" && U() && s === ""))
@@ -1944,7 +1944,7 @@ const Et = () => {
       return t.el.dispatchEvent(c), c;
     }
   };
-  return s === "" && yo(
+  return s === "" && po(
     void 0,
     process.env.NODE_ENV !== "production" && U() ? (r) => {
       if (r === void 0)
@@ -1954,19 +1954,19 @@ const Et = () => {
     o
   ), o;
 };
-mo.bind(null, "");
+fo.bind(null, "");
 var pn;
 pn = ht;
-class go {
+class yo {
   constructor(e) {
-    this.#n = [], this.#t = [], this.#o = [], this.#c = [], this.#u = [], this.#l = [], this.#d = [], this.#h = [], this.#i = [], this.#a = !1, this.P = new Ie(), this.connectedCalled = !1, this.loadedCalled = !1, this[pn] = !0, this.#s = [];
+    this.#n = [], this.#t = [], this.#o = [], this.#c = [], this.#u = [], this.#l = [], this.#d = [], this.#h = [], this.#i = [], this.#a = !1, this.P = new He(), this.connectedCalled = !1, this.loadedCalled = !1, this[pn] = !0, this.#s = [];
     const t = this, o = e ?? nt(new.target.name);
     t.#e = o, t.ready = t.P.promise, t.#r = tn(t), process.env.NODE_ENV !== "production" ? (Object.defineProperty(this, "component", {
       writable: !1,
       enumerable: !1,
       configurable: !0,
       value: o
-    }), "hostDestroy" in this && t.#e.manager.devOnly$ensureHasDestroy?.()) : t.component = o, t.#e.addController(t), t.#e.manager === void 0 || (Hn(t), queueMicrotask(() => t.catchUpLifecycle()));
+    }), "hostDestroy" in this && t.#e.manager.devOnly$ensureHasDestroy?.()) : t.component = o, t.#e.addController(t), t.#e.manager === void 0 || (Un(t), queueMicrotask(() => t.catchUpLifecycle()));
   }
   #n;
   #t;
@@ -2034,7 +2034,7 @@ class go {
    * require awaiting them as they are guaranteed to be loaded by then.
    */
   get use() {
-    return ke(this.#e), zn;
+    return ke(this.#e), jn;
   }
   /**
    * Just like controller.use, but returns the controller itself, rather than it's
@@ -2050,7 +2050,7 @@ class go {
    *   some other method on the controller
    */
   get useRef() {
-    return ke(this.#e), qn;
+    return ke(this.#e), Hn;
   }
   /**
    * Like useRef, but doesn't wait for the controller to get ready
@@ -2138,7 +2138,7 @@ class go {
 function en(s) {
   x(s, void 0, this);
 }
-const vo = go, tn = (s) => {
+const mo = yo, tn = (s) => {
   if (typeof s != "object" && typeof s != "function" || s === null)
     return s;
   const e = {
@@ -2166,7 +2166,10 @@ const vo = go, tn = (s) => {
   `usage:
 `,
   "makeController(async (component, controller)=>{ await controller.use(someOtherController); });"
-].join("") : void 0, Eo = 1, _o = 2, wo = 4, bo = 8, $o = 16, Ao = 32, Co = 64;
+].join("") : void 0, go = (s) => (
+  //#endregion camelToKebab
+  s.replace(vo, (e, t) => `${t === 0 ? "" : "-"}${e.toLowerCase()}`)
+), vo = /[A-Z]+(?![a-z])|[A-Z]/gu, Eo = 1, _o = 2, wo = 4, bo = 8, $o = 16, Ao = 32, Co = 64;
 function Oo(s) {
   const e = s.prototype, t = Object.getOwnPropertyDescriptor(e, "innerText");
   if (t !== void 0 && t.set?.name === "setWrapper")
@@ -2256,7 +2259,7 @@ const wt = class wt extends So {
     F(this, z);
     F(this, Q);
     F(this, we);
-    V(this, Q, {}), V(this, we, []), this.I = new Ie(), this.H = new Ie(), this.J = [], process.env.NODE_ENV !== "production" && U() && (this.devOnly$hmrSetProps = /* @__PURE__ */ new Set(), this.devOnly$hmrSetAttributes = /* @__PURE__ */ new Set(), globalThis.devOnly$createdElements ??= [], globalThis.devOnly$createdElements.push(new WeakRef(this)), this.devOnly$InitializeComponent = ge(this, be, Je).bind(this), this.devOnly$hmrResetStore = (c) => {
+    V(this, Q, {}), V(this, we, []), this.I = new He(), this.H = new He(), this.J = [], process.env.NODE_ENV !== "production" && U() && (this.devOnly$hmrSetProps = /* @__PURE__ */ new Set(), this.devOnly$hmrSetAttributes = /* @__PURE__ */ new Set(), globalThis.devOnly$createdElements ??= [], globalThis.devOnly$createdElements.push(new WeakRef(this)), this.devOnly$InitializeComponent = ge(this, be, Je).bind(this), this.devOnly$hmrResetStore = (c) => {
       V(this, Q, c);
     });
     const t = this, o = t.constructor;
@@ -2397,7 +2400,7 @@ const To = (s) => {
     }
   })), process.env.NODE_ENV !== "production" && U() && Oo(s);
 };
-class yn extends vo {
+class yn extends mo {
   constructor(e) {
     super(e), this.destroyed = !1, this.R = !1, this.V = W, this.T = [], this.#o = /* @__PURE__ */ new WeakMap(), this.#t = e, this.exports = void 0, this.hasDestroy = tt in e && typeof e.destroy == "function", re.prototype.addController.call(e, {
       // Lit will call these callbacks
@@ -2451,7 +2454,7 @@ class yn extends vo {
   U() {
     if (this.#n !== void 0 && clearTimeout(this.#n), !this.#t.el.isConnected && !this.#t.autoDestroyDisabled) {
       const e = () => void this.#t.destroy();
-      process.env.NODE_ENV !== "production" && U() && sn === 0 || (this.#n = In(e, sn));
+      process.env.NODE_ENV !== "production" && U() && sn === 0 || (this.#n = co(e, sn));
     }
   }
   /** @private */
@@ -2521,7 +2524,7 @@ const Ue = class Ue extends re {
     F(this, X);
     this.M = [], this.manager = new yn(this);
     const t = this, o = t.constructor, r = o.N, c = o.K.o, u = Ue.prototype.shouldUpdate;
-    if (V(t, de, r?.H ?? new Ie()), t.I = r?.I ?? new Ie(), t.J = r?.J ?? [], t._offspring = t.J, t._postLoad = t.I, t.el = r ?? t, V(t, We, t.enableUpdating), t.enableUpdating = _t, t.shouldUpdate !== u && (V(t, xe, t.shouldUpdate), t.shouldUpdate = u), process.env.NODE_ENV !== "production") {
+    if (V(t, de, r?.H ?? new He()), t.I = r?.I ?? new He(), t.J = r?.J ?? [], t._offspring = t.J, t._postLoad = t.I, t.el = r ?? t, V(t, We, t.enableUpdating), t.enableUpdating = _t, t.shouldUpdate !== u && (V(t, xe, t.shouldUpdate), t.shouldUpdate = u), process.env.NODE_ENV !== "production") {
       const p = globalThis.devOnly$ownTagNames?.has(t.el.localName), h = this.constructor, m = h.enabledWarnings !== re.enabledWarnings;
       !p && !m && h.disableWarning?.("change-in-update"), U() && (globalThis.devOnly$luminaComponentRefCallback?.(this), Object.entries({
         componentDidLoad: "loaded",
@@ -2566,7 +2569,7 @@ const Ue = class Ue extends re {
        *
        * Thus, overwriting Lit's default behavior to use kebab-case:
        */
-      attribute: r & Eo && typeof t == "string" ? Dn(t) : !1,
+      attribute: r & Eo && typeof t == "string" ? go(t) : !1,
       reflect: !!(r & _o),
       type: r & wo ? Boolean : r & bo ? Number : void 0,
       /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/instant-apps-components-react",
-  "version": "4.34.0-next.60",
+  "version": "4.34.0-next.61",
   "description": "A set of React components that wrap Instant Apps components",
   "sideEffects": false,
   "type": "module",
@@ -12,8 +12,8 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/instant-apps-components": "4.34.0-next.60",
-    "@arcgis/map-components": "4.34.0-next.60",
+    "@arcgis/instant-apps-components": "4.34.0-next.61",
+    "@arcgis/map-components": "4.34.0-next.61",
     "@ckeditor/ckeditor5-build-classic": "^39.0.1",
     "@lit/react": "^1.0.7",
     "tslib": "^2.8.1"