@esri/solutions-components 1.0.6 → 1.1.0-next.20250731.1

package/dist/chunks/index.js

@@ -1,11 +1,21 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.6 */
-var _ = {
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731.1 */
+var T = {
   allRenderFn: !1,
+  cmpDidLoad: !0,
+  cmpDidUnload: !1,
+  cmpDidUpdate: !0,
+  cmpDidRender: !0,
+  cmpWillLoad: !0,
+  cmpWillUpdate: !0,
+  cmpWillRender: !0,
+  connectedCallback: !0,
+  disconnectedCallback: !0,
   element: !0,
   event: !0,
   hasRenderFn: !0,
+  lifecycle: !0,
   hostListener: !0,
   hostListenerTargetWindow: !0,
   hostListenerTargetDocument: !0,
@@ -70,27 +80,20 @@ var _ = {
   propNumber: !0,
   propString: !0,
   constructableCSS: !0,
+  cmpShouldUpdate: !0,
   devTools: !1,
   shadowDelegatesFocus: !0,
   initializeNextTick: !1,
-  asyncLoading: !0,
+  asyncLoading: !1,
   asyncQueue: !1,
   transformTagName: !1,
   attachStyles: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, Ee = (
-  /* default */
-  "app"
-), Te = Object.defineProperty, ke = (e, t) => {
+}, Ee = Object.defineProperty, Le = (e, t) => {
   for (var r in t)
-    Te(e, r, { get: t[r], enumerable: !0 });
-}, Re = "http://www.w3.org/2000/svg", Le = "http://www.w3.org/1999/xhtml", be = (e) => {
-  if (e.__stencil__getHostRef)
-    return e.__stencil__getHostRef();
-}, I = (e, t) => t in e, K = (e, t) => (0, console.error)(e, t), V = "http://www.w3.org/1999/xlink", E = typeof window < "u" ? window : {};
-E.HTMLElement;
-var m = {
+    Ee(e, r, { get: t[r], enumerable: !0 });
+}, Re = /* @__PURE__ */ new WeakMap(), Ae = (e) => Re.get(e), G = (e, t) => t in e, z = (e, t) => (0, console.error)(e, t), I = "http://www.w3.org/1999/xlink", ie = typeof window < "u" ? window : {}, M = ie.document || { head: {} }, x = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -98,123 +101,65 @@ var m = {
   ael: (e, t, r, s) => e.addEventListener(t, r, s),
   rel: (e, t, r, s) => e.removeEventListener(t, r, s),
   ce: (e, t) => new CustomEvent(e, t)
-}, Ae = (e) => Promise.resolve(e), B = !1, ee = [], $e = [], Ne = (e, t) => (r) => {
-  e.push(r), B || (B = !0, t && m.$flags$ & 4 ? G(P) : m.raf(P));
-}, te = (e) => {
+}, _e = (e) => Promise.resolve(e), j = !1, J = [], ae = [], De = (e, t) => (r) => {
+  e.push(r), j || (j = !0, t && x.$flags$ & 4 ? Oe(P) : x.raf(P));
+}, Y = (e) => {
   for (let t = 0; t < e.length; t++)
     try {
       e[t](performance.now());
     } catch (r) {
-      K(r);
+      z(r);
     }
   e.length = 0;
 }, P = () => {
-  te(ee), te($e), (B = ee.length > 0) && m.raf(P);
-}, G = (e) => Ae().then(e), Fe = /* @__PURE__ */ Ne($e, !0), Oe = (e) => e != null && e !== void 0, de = (e) => (e = typeof e, e === "object" || e === "function"), De = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Me = {};
-ke(Me, {
-  err: () => ue,
-  map: () => Ue,
+  Y(J), Y(ae), (j = J.length > 0) && x.raf(P);
+}, Oe = (e) => _e().then(e), Me = /* @__PURE__ */ De(ae, !0), Z = {}, Ue = "http://www.w3.org/2000/svg", be = "http://www.w3.org/1999/xhtml", Ne = (e) => e != null, fe = (e) => (e = typeof e, e === "object" || e === "function"), Fe = {};
+Le(Fe, {
+  err: () => ce,
+  map: () => Ce,
   ok: () => W,
-  unwrap: () => Ce,
-  unwrapErr: () => we
+  unwrap: () => we,
+  unwrapErr: () => je
 });
 var W = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), ue = (e) => ({
+}), ce = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function Ue(e, t) {
+function Ce(e, t) {
   if (e.isOk) {
     const r = t(e.value);
     return r instanceof Promise ? r.then((s) => W(s)) : W(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return ue(r);
+    return ce(r);
   }
   throw "should never get here";
 }
-var Ce = (e) => {
+var we = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, we = (e) => {
+}, je = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, pe = (e) => {
-  const t = re(e, "childNodes");
-  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && ge(t, e.tagName).forEach((s) => {
-    s.nodeType === 1 && s.tagName === "SLOT-FB" && (He(s, Y(s), !1).length ? s.hidden = !0 : s.hidden = !1);
-  });
-  let r = 0;
-  for (r = 0; r < t.length; r++) {
-    const s = t[r];
-    s.nodeType === 1 && re(s, "childNodes").length && pe(s);
-  }
-}, je = (e) => {
-  const t = [];
-  for (let r = 0; r < e.length; r++) {
-    const s = e[r]["s-nr"] || void 0;
-    s && s.isConnected && t.push(s);
-  }
-  return t;
-};
-function ge(e, t, r) {
-  let s = 0, n = [], o;
-  for (; s < e.length; s++)
-    o = e[s], o["s-sr"] && (!t || o["s-hn"] === t) && r === void 0 && n.push(o), n = [...n, ...ge(o.childNodes, t, r)];
-  return n;
-}
-var He = (e, t, r = !0) => {
-  const s = [];
-  (r && e["s-sr"] || !e["s-sr"]) && s.push(e);
-  let n = e;
-  for (; n = n.nextSibling; )
-    Y(n) === t && (r || !n["s-sr"]) && s.push(n);
-  return s;
-}, se = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Y = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
-function Be(e) {
-  if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
-  const t = (r) => function(s) {
-    const n = [], o = this["s-sn"];
-    s?.flatten && console.error(`
-          Flattening is not supported for Stencil non-shadow slots.
-          You can use \`.childNodes\` to nested slot fallback content.
-          If you have a particular use case, please open an issue on the Stencil repo.
-        `);
-    const i = this["s-cr"].parentElement;
-    return (i.__childNodes ? i.childNodes : je(i.childNodes)).forEach((a) => {
-      o === Y(a) && n.push(a);
-    }), r ? n.filter(
-      (a) => a.nodeType === 1
-      /* ElementNode */
-    ) : n;
-  }.bind(e);
-  e.assignedElements = t(!0), e.assignedNodes = t(!1);
-}
-function re(e, t) {
-  if ("__" + t in e) {
-    const r = e["__" + t];
-    return typeof r != "function" ? r : r.bind(e);
-  } else
-    return typeof e[t] != "function" ? e[t] : e[t].bind(e);
-}
-var D = (e, t = "") => () => {
+}, U = (e, t = "") => () => {
 }, Pe = (e, t, ...r) => {
-  let s = null, n = null, o = null, i = !1, c = !1;
-  const a = [], f = (v) => {
-    for (let u = 0; u < v.length; u++)
-      s = v[u], Array.isArray(s) ? f(s) : s != null && typeof s != "boolean" && ((i = !de(s)) && (s = String(s)), i && c ? a[a.length - 1].$text$ += s : a.push(i ? z(null, s) : s), c = i);
+  let s = null, o = null, n = null, l = !1, a = !1;
+  const i = [], g = (f) => {
+    for (let p = 0; p < f.length; p++)
+      s = f[p], Array.isArray(s) ? g(s) : s != null && typeof s != "boolean" && ((l = !fe(s)) && (s = String(s)), l && a ? i[i.length - 1].$text$ += s : i.push(l ? H(null, s) : s), a = l);
   };
-  f(r);
-  const $ = z(e, null);
-  return $.$attrs$ = t, a.length > 0 && ($.$children$ = a), $.$key$ = n, $.$name$ = o, $;
-}, z = (e, t) => {
+  g(r);
+  const u = H(e, null);
+  return u.$attrs$ = t, i.length > 0 && (u.$children$ = i), u.$key$ = o, u.$name$ = n, u;
+}, H = (e, t) => {
   const r = {
     $flags$: 0,
     $tag$: e,
@@ -223,78 +168,48 @@ var D = (e, t = "") => () => {
     $children$: null
   };
   return r.$attrs$ = null, r.$key$ = null, r.$name$ = null, r;
-}, We = {}, ze = (e) => e && e.$tag$ === We, J = (e) => {
-  const t = De(e);
-  return new RegExp(
-    // First capture group: match any context before the selector that's not inside @supports selector()
-    // Using negative lookahead to avoid matching inside @supports selector(...) condition
-    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,
-    "g"
-  );
-};
-J("::slotted");
-J(":host");
-J(":host-context");
-var qe = (e, t, r) => {
-  const s = m.ce(t, r);
-  return e.dispatchEvent(s), s;
-}, ne = (e, t, r, s, n, o, i) => {
-  if (r === s)
-    return;
-  let c = I(e, t), a = t.toLowerCase();
-  if (t === "class") {
-    const f = e.classList, $ = le(r);
-    let v = le(s);
-    f.remove(...$.filter((u) => u && !v.includes(u))), f.add(...v.filter((u) => u && !$.includes(u)));
-  } else if (t === "style") {
-    for (const f in r)
-      (!s || s[f] == null) && (f.includes("-") ? e.style.removeProperty(f) : e.style[f] = "");
-    for (const f in s)
-      (!r || s[f] !== r[f]) && (f.includes("-") ? e.style.setProperty(f, s[f]) : e.style[f] = s[f]);
-  } else if (t !== "key") if (t === "ref")
-    s && s(e);
-  else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n") {
-    if (t[2] === "-" ? t = t.slice(3) : I(E, a) ? t = a.slice(2) : t = a[2] + t.slice(3), r || s) {
-      const f = t.endsWith(ve);
-      t = t.replace(Xe, ""), r && m.rel(e, t, r, f), s && m.ael(e, t, s, f);
-    }
-  } else {
-    const f = de(s);
-    if ((c || f && s !== null) && !n)
-      try {
-        if (e.tagName.includes("-"))
-          e[t] !== s && (e[t] = s);
-        else {
-          const v = s ?? "";
-          t === "list" ? c = !1 : (r == null || e[t] != v) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = v : e.setAttribute(t, v));
-        }
-      } catch {
+}, We = {}, He = (e) => e && e.$tag$ === We, V = (e, t, r, s, o, n) => {
+  if (r !== s) {
+    let l = G(e, t), a = t.toLowerCase();
+    if (t === "class") {
+      const i = e.classList, g = ee(r), u = ee(s);
+      i.remove(...g.filter((f) => f && !u.includes(f))), i.add(...u.filter((f) => f && !g.includes(f)));
+    } else if (t === "style") {
+      for (const i in r)
+        (!s || s[i] == null) && (i.includes("-") ? e.style.removeProperty(i) : e.style[i] = "");
+      for (const i in s)
+        (!r || s[i] !== r[i]) && (i.includes("-") ? e.style.setProperty(i, s[i]) : e.style[i] = s[i]);
+    } else if (t !== "key") if (t === "ref")
+      s && s(e);
+    else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n") {
+      if (t[2] === "-" ? t = t.slice(3) : G(ie, a) ? t = a.slice(2) : t = a[2] + t.slice(3), r || s) {
+        const i = t.endsWith($e);
+        t = t.replace(qe, ""), r && x.rel(e, t, r, i), s && x.ael(e, t, s, i);
       }
-    let $ = !1;
-    a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, $ = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && ($ ? e.removeAttributeNS(V, t) : e.removeAttribute(t)) : (!c || o & 4 || n) && !f && e.nodeType === 1 && (s = s === !0 ? "" : s, $ ? e.setAttributeNS(V, t, s) : e.setAttribute(t, s));
+    } else {
+      const i = fe(s);
+      if ((l || i && s !== null) && !o)
+        try {
+          if (e.tagName.includes("-"))
+            e[t] = s;
+          else {
+            const u = s ?? "";
+            t === "list" ? l = !1 : (r == null || e[t] != u) && (e[t] = u);
+          }
+        } catch {
+        }
+      let g = !1;
+      a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, g = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (g ? e.removeAttributeNS(I, t) : e.removeAttribute(t)) : (!l || n & 4 || o) && !i && (s = s === !0 ? "" : s, g ? e.setAttributeNS(I, t, s) : e.setAttribute(t, s));
+    }
   }
-}, Qe = /\s/, le = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(Qe)), ve = "Capture", Xe = new RegExp(ve + "$"), q = (e, t, r, s) => {
-  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || {}, i = t.$attrs$ || {};
-  for (const c of oe(Object.keys(o)))
-    c in i || ne(
-      n,
-      c,
-      o[c],
-      void 0,
-      r,
-      t.$flags$
-    );
-  for (const c of oe(Object.keys(i)))
-    ne(
-      n,
-      c,
-      o[c],
-      i[c],
-      r,
-      t.$flags$
-    );
+}, Be = /\s/, ee = (e) => e ? e.split(Be) : [], $e = "Capture", qe = new RegExp($e + "$"), de = (e, t, r) => {
+  const s = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || Z, n = t.$attrs$ || Z;
+  for (const l of te(Object.keys(o)))
+    l in n || V(s, l, o[l], void 0, r, t.$flags$);
+  for (const l of te(Object.keys(n)))
+    V(s, l, o[l], n[l], r, t.$flags$);
 };
-function oe(e) {
+function te(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -303,11 +218,11 @@ function oe(e) {
     e
   );
 }
-var O, M, L, Q = !1, U = !1, Z = !1, S = !1, C = (e, t, r) => {
-  var s;
+var L, B, _, b = !1, N = !1, Q = !1, m = !1, F = (e, t, r, s) => {
+  var o;
   const n = t.$children$[r];
-  let o = 0, i, c, a;
-  if (Q || (Z = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
+  let l = 0, a, i, g;
+  if (b || (Q = !0, n.$tag$ === "slot" && (L && s.classList.add(L + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -317,300 +232,293 @@ var O, M, L, Q = !1, U = !1, Z = !1, S = !1, C = (e, t, r) => {
     // where actual slot content should sit next to
     1
   ))), n.$text$ !== null)
-    i = n.$elm$ = E.document.createTextNode(n.$text$);
+    a = n.$elm$ = M.createTextNode(n.$text$);
   else if (n.$flags$ & 1)
-    i = n.$elm$ = E.document.createTextNode(""), q(null, n, S);
+    a = n.$elm$ = M.createTextNode("");
   else {
-    if (S || (S = n.$tag$ === "svg"), !E.document)
-      throw new Error(
-        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
-      );
-    if (i = n.$elm$ = E.document.createElementNS(
-      S ? Re : Le,
-      !Q && _.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
-    ), S && n.$tag$ === "foreignObject" && (S = !1), q(null, n, S), Oe(O) && i["s-si"] !== O && i.classList.add(i["s-si"] = O), n.$children$)
-      for (o = 0; o < n.$children$.length; ++o)
-        c = C(e, n, o), c && i.appendChild(c);
-    n.$tag$ === "svg" ? S = !1 : i.tagName === "foreignObject" && (S = !0);
+    if (m || (m = n.$tag$ === "svg"), a = n.$elm$ = M.createElementNS(
+      m ? Ue : be,
+      !b && T.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), m && n.$tag$ === "foreignObject" && (m = !1), de(null, n, m), !!a.getRootNode().querySelector("body") && T.scoped && Ne(L) && a["s-si"] !== L && a.classList.add(a["s-si"] = L), K(a, s), n.$children$)
+      for (l = 0; l < n.$children$.length; ++l)
+        i = F(e, n, l, a), i && a.appendChild(i);
+    n.$tag$ === "svg" ? m = !1 : a.tagName === "foreignObject" && (m = !0);
   }
-  return i["s-hn"] = L, n.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = M, i["s-sn"] = n.$name$ || "", i["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, Be(i), a = e && e.$children$ && e.$children$[r], a && a.$tag$ === n.$tag$ && e.$elm$ && b(e.$elm$, !1), me(M, i, t.$elm$, e?.$elm$)), i;
-}, b = (e, t) => {
-  m.$flags$ |= 1;
-  const r = Array.from(e.__childNodes || e.childNodes);
-  e["s-sr"] && _.experimentalSlotFixes;
+  return a["s-hn"] = _, n.$flags$ & 3 && (a["s-sr"] = !0, a["s-cr"] = B, a["s-sn"] = n.$name$ || "", a["s-rf"] = (o = n.$attrs$) == null ? void 0 : o.ref, g = e && e.$children$ && e.$children$[r], g && g.$tag$ === n.$tag$ && e.$elm$ && D(e.$elm$, !1)), a;
+}, D = (e, t) => {
+  x.$flags$ |= 1;
+  const r = Array.from(e.childNodes);
+  e["s-sr"] && T.experimentalSlotFixes;
   for (let s = r.length - 1; s >= 0; s--) {
-    const n = r[s];
-    n["s-hn"] !== L && n["s-ol"] && (T(A(n).parentNode, n, A(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, Z = !0), t && b(n, t);
+    const o = r[s];
+    o["s-hn"] !== _ && o["s-ol"] && (E(ve(o), o, X(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, Q = !0), t && D(o, t);
   }
-  m.$flags$ &= -2;
-}, he = (e, t, r, s, n, o) => {
-  let i = e["s-cr"] && e["s-cr"].parentNode || e, c;
-  for (i.shadowRoot && i.tagName === L && (i = i.shadowRoot); n <= o; ++n)
-    s[n] && (c = C(null, r, n), c && (s[n].$elm$ = c, T(i, c, A(t))));
-}, ye = (e, t, r) => {
+  x.$flags$ &= -2;
+}, ue = (e, t, r, s, o, n) => {
+  let l = e["s-cr"] && e["s-cr"].parentNode || e, a;
+  for (l.shadowRoot && l.tagName === _ && (l = l.shadowRoot); o <= n; ++o)
+    s[o] && (a = F(null, r, o, e), a && (s[o].$elm$ = a, E(l, a, X(t))));
+}, pe = (e, t, r) => {
   for (let s = t; s <= r; ++s) {
-    const n = e[s];
-    if (n) {
-      const o = n.$elm$;
-      _e(n), o && (U = !0, o["s-ol"] ? o["s-ol"].remove() : b(o, !0), o.remove());
+    const o = e[s];
+    if (o) {
+      const n = o.$elm$;
+      ye(o), n && (N = !0, n["s-ol"] ? n["s-ol"].remove() : D(n, !0), n.remove());
     }
   }
-}, Ke = (e, t, r, s, n = !1) => {
-  let o = 0, i = 0, c = 0, a = 0, f = t.length - 1, $ = t[0], v = t[f], u = s.length - 1, p = s[0], l = s[u], d, g;
-  for (; o <= f && i <= u; )
-    if ($ == null)
-      $ = t[++o];
-    else if (v == null)
-      v = t[--f];
-    else if (p == null)
-      p = s[++i];
-    else if (l == null)
-      l = s[--u];
-    else if (F($, p, n))
-      k($, p, n), $ = t[++o], p = s[++i];
-    else if (F(v, l, n))
-      k(v, l, n), v = t[--f], l = s[--u];
-    else if (F($, l, n))
-      ($.$tag$ === "slot" || l.$tag$ === "slot") && b($.$elm$.parentNode, !1), k($, l, n), T(e, $.$elm$, v.$elm$.nextSibling), $ = t[++o], l = s[--u];
-    else if (F(v, p, n))
-      ($.$tag$ === "slot" || l.$tag$ === "slot") && b(v.$elm$.parentNode, !1), k(v, p, n), T(e, v.$elm$, $.$elm$), v = t[--f], p = s[++i];
+}, ze = (e, t, r, s, o = !1) => {
+  let n = 0, l = 0, a = 0, i = 0, g = t.length - 1, u = t[0], f = t[g], p = s.length - 1, c = s[0], h = s[p], S, $;
+  for (; n <= g && l <= p; )
+    if (u == null)
+      u = t[++n];
+    else if (f == null)
+      f = t[--g];
+    else if (c == null)
+      c = s[++l];
+    else if (h == null)
+      h = s[--p];
+    else if (O(u, c, o))
+      R(u, c, o), u = t[++n], c = s[++l];
+    else if (O(f, h, o))
+      R(f, h, o), f = t[--g], h = s[--p];
+    else if (O(u, h, o))
+      (u.$tag$ === "slot" || h.$tag$ === "slot") && D(u.$elm$.parentNode, !1), R(u, h, o), E(e, u.$elm$, f.$elm$.nextSibling), u = t[++n], h = s[--p];
+    else if (O(f, c, o))
+      (u.$tag$ === "slot" || h.$tag$ === "slot") && D(f.$elm$.parentNode, !1), R(f, c, o), E(e, f.$elm$, u.$elm$), f = t[--g], c = s[++l];
     else {
-      for (c = -1, a = o; a <= f; ++a)
-        if (t[a] && t[a].$key$ !== null && t[a].$key$ === p.$key$) {
-          c = a;
+      for (a = -1, i = n; i <= g; ++i)
+        if (t[i] && t[i].$key$ !== null && t[i].$key$ === c.$key$) {
+          a = i;
           break;
         }
-      c >= 0 ? (g = t[c], g.$tag$ !== p.$tag$ ? d = C(t && t[i], r, c) : (k(g, p, n), t[c] = void 0, d = g.$elm$), p = s[++i]) : (d = C(t && t[i], r, i), p = s[++i]), d && T(
-        A($.$elm$).parentNode,
-        d,
-        A($.$elm$)
-      );
+      a >= 0 ? ($ = t[a], $.$tag$ !== c.$tag$ ? S = F(t && t[l], r, a, e) : (R($, c, o), t[a] = void 0, S = $.$elm$), c = s[++l]) : (S = F(t && t[l], r, l, e), c = s[++l]), S && E(ve(u.$elm$), S, X(u.$elm$));
     }
-  o > f ? he(
+  n > g ? ue(
     e,
-    s[u + 1] == null ? null : s[u + 1].$elm$,
+    s[p + 1] == null ? null : s[p + 1].$elm$,
     r,
     s,
-    i,
-    u
-  ) : i > u && ye(t, o, f);
-}, F = (e, t, r = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : r ? (r && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, A = (e) => e && e["s-ol"] || e, k = (e, t, r = !1) => {
-  const s = t.$elm$ = e.$elm$, n = e.$children$, o = t.$children$, i = t.$tag$, c = t.$text$;
-  let a;
-  c === null ? (S = i === "svg" ? !0 : i === "foreignObject" ? !1 : S, q(e, t, S), n !== null && o !== null ? Ke(s, n, t, o, r) : o !== null ? (e.$text$ !== null && (s.textContent = ""), he(s, null, t, o, 0, o.length - 1)) : (
+    l,
+    p
+  ) : l > p && pe(t, n, g);
+}, O = (e, t, r = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? (
+  // The component gets hydrated and no VDOM has been initialized.
+  // Here the comparison can't happen as $name$ property is not set for `leftNode`.
+  "$nodeId$" in e && r && // `leftNode` is not from type HTMLComment which would cause many
+  // hydration comments to be removed
+  e.$elm$.nodeType !== 8 ? !1 : e.$name$ === t.$name$
+) : r ? !0 : e.$key$ === t.$key$ : !1, X = (e) => e && e["s-ol"] || e, ve = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, R = (e, t, r = !1) => {
+  const s = t.$elm$ = e.$elm$, o = e.$children$, n = t.$children$, l = t.$tag$, a = t.$text$;
+  let i;
+  a === null ? (m = l === "svg" ? !0 : l === "foreignObject" ? !1 : m, l === "slot" && !b || de(e, t, m), o !== null && n !== null ? ze(s, o, t, n, r) : n !== null ? (e.$text$ !== null && (s.textContent = ""), ue(s, null, t, n, 0, n.length - 1)) : (
     // don't do this on initial render as it can cause non-hydrated content to be removed
-    !r && _.updatable && n !== null && ye(n, 0, n.length - 1)
-  ), S && i === "svg" && (S = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = c : e.$text$ !== c && (s.data = c);
-}, x = [], Se = (e) => {
+    !r && T.updatable && o !== null && pe(o, 0, o.length - 1)
+  ), m && l === "svg" && (m = !1)) : (i = s["s-cr"]) ? i.parentNode.textContent = a : e.$text$ !== a && (s.data = a);
+}, ge = (e) => {
+  const t = e.childNodes;
+  for (const r of t)
+    if (r.nodeType === 1) {
+      if (r["s-sr"]) {
+        const s = r["s-sn"];
+        r.hidden = !1;
+        for (const o of t)
+          if (o !== r) {
+            if (o["s-hn"] !== r["s-hn"] || s !== "") {
+              if (o.nodeType === 1 && (s === o.getAttribute("slot") || s === o["s-sn"]) || o.nodeType === 3 && s === o["s-sn"]) {
+                r.hidden = !0;
+                break;
+              }
+            } else if (o.nodeType === 1 || o.nodeType === 3 && o.textContent.trim() !== "") {
+              r.hidden = !0;
+              break;
+            }
+          }
+      }
+      ge(r);
+    }
+}, k = [], he = (e) => {
   let t, r, s;
-  const n = e.__childNodes || e.childNodes;
-  for (const o of n) {
+  for (const o of e.childNodes) {
     if (o["s-sr"] && (t = o["s-cr"]) && t.parentNode) {
-      r = t.parentNode.__childNodes || t.parentNode.childNodes;
-      const i = o["s-sn"];
+      r = t.parentNode.childNodes;
+      const n = o["s-sn"];
       for (s = r.length - 1; s >= 0; s--)
         if (t = r[s], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== o["s-hn"])
-          if (se(t, i)) {
-            let c = x.find((a) => a.$nodeToRelocate$ === t);
-            U = !0, t["s-sn"] = t["s-sn"] || i, c ? (c.$nodeToRelocate$["s-sh"] = o["s-hn"], c.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], x.push({
+          if (se(t, n)) {
+            let l = k.find((a) => a.$nodeToRelocate$ === t);
+            N = !0, t["s-sn"] = t["s-sn"] || n, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], k.push({
               $slotRefNode$: o,
               $nodeToRelocate$: t
-            })), t["s-sr"] && x.map((a) => {
-              se(a.$nodeToRelocate$, t["s-sn"]) && (c = x.find((f) => f.$nodeToRelocate$ === t), c && !a.$slotRefNode$ && (a.$slotRefNode$ = c.$slotRefNode$));
+            })), t["s-sr"] && k.map((a) => {
+              se(a.$nodeToRelocate$, t["s-sn"]) && (l = k.find((i) => i.$nodeToRelocate$ === t), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
             });
-          } else x.some((c) => c.$nodeToRelocate$ === t) || x.push({
+          } else k.some((l) => l.$nodeToRelocate$ === t) || k.push({
             $nodeToRelocate$: t
           });
     }
-    o.nodeType === 1 && Se(o);
+    o.nodeType === 1 && he(o);
   }
-}, _e = (e) => {
-  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(_e);
-}, T = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && me(t["s-cr"], t, e, t.parentElement), e?.insertBefore(t, r));
-function me(e, t, r, s) {
-  var n, o;
-  let i;
-  if (e && typeof t["s-sn"] == "string" && t["s-sr"] && e.parentNode && e.parentNode["s-sc"] && (i = t["s-si"] || e.parentNode["s-sc"])) {
-    const c = t["s-sn"], a = t["s-hn"];
-    if ((n = r.classList) == null || n.add(i + "-s"), s && ((o = s.classList) != null && o.contains(i + "-s"))) {
-      let f = (s.__childNodes || s.childNodes)[0], $ = !1;
-      for (; f; ) {
-        if (f["s-sn"] !== c && f["s-hn"] === a && f["s-sr"]) {
-          $ = !0;
-          break;
-        }
-        f = f.nextSibling;
-      }
-      $ || s.classList.remove(i + "-s");
-    }
+}, se = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ye = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(ye);
+}, E = (e, t, r) => {
+  const s = e?.insertBefore(t, r);
+  return K(t, e), s;
+}, me = (e) => {
+  const t = [];
+  return e && t.push(
+    ...e["s-scs"] || [],
+    e["s-si"],
+    e["s-sc"],
+    ...me(e.parentElement)
+  ), t;
+}, K = (e, t, r = !1) => {
+  var s;
+  if (e && t && e.nodeType === 1) {
+    const o = new Set(me(t).filter(Boolean));
+    if (o.size && ((s = e.classList) == null || s.add(...e["s-scs"] = [...o]), e["s-ol"] || r))
+      for (const n of Array.from(e.childNodes))
+        K(n, e, !0);
   }
-}
-var Ge = (e, t, r = !1) => {
-  var s, n, o, i, c;
-  const a = e.$hostElement$, f = e.$cmpMeta$, $ = e.$vnode$ || z(null, null), u = ze(t) ? t : Pe(null, null, t);
-  if (L = a.tagName, f.$attrsToReflect$ && (u.$attrs$ = u.$attrs$ || {}, f.$attrsToReflect$.map(
-    ([p, l]) => u.$attrs$[l] = a[p]
-  )), r && u.$attrs$)
-    for (const p of Object.keys(u.$attrs$))
-      a.hasAttribute(p) && !["key", "ref", "style", "class"].includes(p) && (u.$attrs$[p] = a[p]);
-  u.$tag$ = null, u.$flags$ |= 4, e.$vnode$ = u, u.$elm$ = $.$elm$ = a.shadowRoot || a, O = a["s-sc"], Q = !!(f.$flags$ & 1) && !(f.$flags$ & 128), M = a["s-cr"], U = !1, k($, u, r);
+}, Qe = (e, t, r = !1) => {
+  var s, o, n, l, a;
+  const i = e.$hostElement$, g = e.$cmpMeta$, u = e.$vnode$ || H(null, null), f = He(t) ? t : Pe(null, null, t);
+  if (_ = i.tagName, g.$attrsToReflect$ && (f.$attrs$ = f.$attrs$ || {}, g.$attrsToReflect$.map(
+    ([p, c]) => f.$attrs$[c] = i[p]
+  )), r && f.$attrs$)
+    for (const p of Object.keys(f.$attrs$))
+      i.hasAttribute(p) && !["key", "ref", "style", "class"].includes(p) && (f.$attrs$[p] = i[p]);
+  f.$tag$ = null, f.$flags$ |= 4, e.$vnode$ = f, f.$elm$ = u.$elm$ = i.shadowRoot || i, L = i["s-sc"], b = (g.$flags$ & 1) !== 0, B = i["s-cr"], N = !1, R(u, f, r);
   {
-    if (m.$flags$ |= 1, Z) {
-      Se(u.$elm$);
-      for (const p of x) {
-        const l = p.$nodeToRelocate$;
-        if (!l["s-ol"] && E.document) {
-          const d = E.document.createTextNode("");
-          d["s-nr"] = l, T(l.parentNode, l["s-ol"] = d, l);
+    if (x.$flags$ |= 1, Q) {
+      he(f.$elm$);
+      for (const p of k) {
+        const c = p.$nodeToRelocate$;
+        if (!c["s-ol"]) {
+          const h = M.createTextNode("");
+          h["s-nr"] = c, E(c.parentNode, c["s-ol"] = h, c);
         }
       }
-      for (const p of x) {
-        const l = p.$nodeToRelocate$, d = p.$slotRefNode$;
-        if (d) {
-          const g = d.parentNode;
-          let h = d.nextSibling;
+      for (const p of k) {
+        const c = p.$nodeToRelocate$, h = p.$slotRefNode$;
+        if (h) {
+          const S = h.parentNode;
+          let $ = h.nextSibling;
           {
-            let N = (s = l["s-ol"]) == null ? void 0 : s.previousSibling;
-            for (; N; ) {
-              let y = (n = N["s-nr"]) != null ? n : null;
-              if (y && y["s-sn"] === l["s-sn"] && g === (y.__parentNode || y.parentNode)) {
-                for (y = y.nextSibling; y === l || y?.["s-sr"]; )
-                  y = y?.nextSibling;
-                if (!y || !y["s-nr"]) {
-                  h = y;
+            let v = (s = c["s-ol"]) == null ? void 0 : s.previousSibling;
+            for (; v; ) {
+              let d = (o = v["s-nr"]) != null ? o : null;
+              if (d && d["s-sn"] === c["s-sn"] && S === d.parentNode) {
+                for (d = d.nextSibling; d === c || d?.["s-sr"]; )
+                  d = d?.nextSibling;
+                if (!d || !d["s-nr"]) {
+                  $ = d;
                   break;
                 }
               }
-              N = N.previousSibling;
+              v = v.previousSibling;
             }
           }
-          const w = l.__parentNode || l.parentNode, j = l.__nextSibling || l.nextSibling;
-          (!h && g !== w || j !== h) && l !== h && (!l["s-hn"] && l["s-ol"] && (l["s-hn"] = l["s-ol"].parentNode.nodeName), T(g, l, h), l.nodeType === 1 && l.tagName !== "SLOT-FB" && (l.hidden = (o = l["s-ih"]) != null ? o : !1)), l && typeof d["s-rf"] == "function" && d["s-rf"](d);
+          (!$ && S !== c.parentNode || c.nextSibling !== $) && c !== $ && (!c["s-hn"] && c["s-ol"] && (c["s-hn"] = c["s-ol"].parentNode.nodeName), E(S, c, $), c.nodeType === 1 && (c.hidden = (n = c["s-ih"]) != null ? n : !1)), c && typeof h["s-rf"] == "function" && h["s-rf"](c);
         } else
-          l.nodeType === 1 && (r && (l["s-ih"] = (i = l.hidden) != null ? i : !1), l.hidden = !0);
+          c.nodeType === 1 && (r && (c["s-ih"] = (l = c.hidden) != null ? l : !1), c.hidden = !0);
       }
     }
-    U && pe(u.$elm$), m.$flags$ &= -2, x.length = 0;
-  }
-  if (_.experimentalScopedSlotChanges && f.$flags$ & 2) {
-    const p = u.$elm$.__childNodes || u.$elm$.childNodes;
-    for (const l of p)
-      l["s-hn"] !== L && !l["s-sh"] && (r && l["s-ih"] == null && (l["s-ih"] = (c = l.hidden) != null ? c : !1), l.hidden = !0);
-  }
-  M = void 0;
-}, Ye = (e, t) => {
-  if (t && !e.$onRenderResolve$ && t["s-p"]) {
-    const r = t["s-p"].push(
-      new Promise(
-        (s) => e.$onRenderResolve$ = () => {
-          t["s-p"].splice(r - 1, 1), s();
-        }
-      )
-    );
+    N && ge(f.$elm$), x.$flags$ &= -2, k.length = 0;
   }
-}, xe = (e, t) => {
-  if (e.$flags$ |= 16, e.$flags$ & 4) {
-    e.$flags$ |= 512;
-    return;
-  }
-  return Ye(e, e.$ancestorComponent$), Fe(() => Je(e, t));
-}, Je = (e, t) => {
-  const r = e.$hostElement$, s = D("scheduleUpdate", e.$cmpMeta$.$tagName$), n = r;
-  if (!n)
+  if (T.experimentalScopedSlotChanges && g.$flags$ & 2)
+    for (const p of f.$elm$.childNodes)
+      p["s-hn"] !== _ && !p["s-sh"] && (r && p["s-ih"] == null && (p["s-ih"] = (a = p.hidden) != null ? a : !1), p.hidden = !0);
+  B = void 0;
+}, Xe = (e, t) => {
+}, Ke = (e, t) => (e.$flags$ |= 16, Xe(e, e.$ancestorComponent$), Me(() => Ge(e, t))), Ge = (e, t) => {
+  const r = e.$hostElement$, s = U("scheduleUpdate", e.$cmpMeta$.$tagName$), o = r;
+  if (!o)
     throw new Error(
       `Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
     );
-  let o;
-  return o = R(n, "componentWillUpdate", void 0, r), o = ie(o, () => R(n, "componentWillRender", void 0, r)), s(), ie(o, () => Ie(e, n, t));
-}, ie = (e, t) => Ze(e) ? e.then(t).catch((r) => {
+  let n;
+  return n = A(o, "componentWillUpdate"), n = re(n, () => A(o, "componentWillRender")), s(), re(n, () => Je(e, o, t));
+}, re = (e, t) => Ie(e) ? e.then(t).catch((r) => {
   console.error(r), t();
-}) : t(), Ze = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", Ie = async (e, t, r) => {
-  var s;
-  const n = e.$hostElement$, o = D("update", e.$cmpMeta$.$tagName$), i = n["s-rc"], c = D("render", e.$cmpMeta$.$tagName$);
-  Ve(e, t, n, r), i && (i.map((a) => a()), n["s-rc"] = void 0), c(), o();
-  {
-    const a = (s = n["s-p"]) != null ? s : [], f = () => et(e);
-    a.length === 0 ? f() : (Promise.all(a).then(f), e.$flags$ |= 4, a.length = 0);
-  }
-}, X = null, Ve = (e, t, r, s) => {
+}) : t(), Ie = (e) => e instanceof Promise || e && e.then && typeof e.then == "function", Je = async (e, t, r) => {
+  const s = e.$hostElement$, o = U("update", e.$cmpMeta$.$tagName$);
+  s["s-rc"];
+  const n = U("render", e.$cmpMeta$.$tagName$);
+  Ye(e, t, s, r), n(), o(), Ze(e);
+}, q = null, Ye = (e, t, r, s) => {
   try {
-    X = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (_.hasRenderFn || _.reflect) && (_.vdomRender || _.reflect) && (_.hydrateServerSide || Ge(e, t, s));
-  } catch (a) {
-    K(a, e.$hostElement$);
+    q = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (T.hasRenderFn || T.reflect) && (T.vdomRender || T.reflect) && (T.hydrateServerSide || Qe(e, t, s));
+  } catch (i) {
+    z(i, e.$hostElement$);
   }
-  return X = null, null;
-}, ae = () => X, et = (e) => {
-  const t = e.$cmpMeta$.$tagName$, r = e.$hostElement$, s = D("postUpdate", t), n = r, o = e.$ancestorComponent$;
-  R(n, "componentDidRender", void 0, r), e.$flags$ & 64 ? (R(n, "componentDidUpdate", void 0, r), s()) : (e.$flags$ |= 64, st(r), R(n, "componentDidLoad", void 0, r), s(), e.$onReadyResolve$(r), o || tt()), e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), e.$flags$ & 512 && G(() => xe(e, !1)), e.$flags$ &= -517;
-}, ce = (e) => {
+  return q = null, null;
+}, oe = () => q, Ze = (e) => {
+  const t = e.$cmpMeta$.$tagName$, r = e.$hostElement$, s = U("postUpdate", t), o = r;
+  e.$ancestorComponent$, A(o, "componentDidRender"), e.$flags$ & 64 ? (A(o, "componentDidUpdate"), s()) : (e.$flags$ |= 64, A(o, "componentDidLoad"), s());
+}, ne = (e) => {
   {
-    const t = be(e), r = t.$hostElement$.isConnected;
-    return r && (t.$flags$ & 18) === 2 && xe(t, !1), r;
+    const t = Ae(e), r = t.$hostElement$.isConnected;
+    return r && (t.$flags$ & 18) === 2 && Ke(t, !1), r;
   }
-}, tt = (e) => {
-  G(() => qe(E, "appload", { detail: { namespace: Ee } }));
-}, R = (e, t, r, s) => {
+}, A = (e, t, r) => {
   if (e && e[t])
     try {
       return e[t](r);
-    } catch (n) {
-      K(n, s);
+    } catch (s) {
+      z(s);
     }
-}, st = (e) => {
-  var t;
-  return e.classList.add((t = _.hydratedSelectorName) != null ? t : "hydrated");
 };
-const rt = (e, t, r) => {
+const Ve = (e, t, r) => {
   const s = e.get(t);
   s ? s.includes(r) || s.push(r) : e.set(t, [r]);
-}, nt = (e, t) => {
+}, et = (e, t) => {
   let r;
   return (...s) => {
     r && clearTimeout(r), r = setTimeout(() => {
       r = 0, e(...s);
     }, t);
   };
-}, lt = (e) => !("isConnected" in e) || e.isConnected, fe = nt((e) => {
+}, tt = (e) => !("isConnected" in e) || e.isConnected, le = et((e) => {
   for (let t of e.keys())
-    e.set(t, e.get(t).filter(lt));
-}, 2e3), ot = () => {
-  if (typeof ae != "function")
+    e.set(t, e.get(t).filter(tt));
+}, 2e3), st = () => {
+  if (typeof oe != "function")
     return {};
   const e = /* @__PURE__ */ new Map();
   return {
     dispose: () => e.clear(),
     get: (t) => {
-      const r = ae();
-      r && rt(e, t, r);
+      const r = oe();
+      r && Ve(e, t, r);
     },
     set: (t) => {
       const r = e.get(t);
-      r && e.set(t, r.filter(ce)), fe(e);
+      r && e.set(t, r.filter(ne)), le(e);
     },
     reset: () => {
-      e.forEach((t) => t.forEach(ce)), fe(e);
+      e.forEach((t) => t.forEach(ne)), le(e);
     }
   };
-}, H = (e) => typeof e == "function" ? e() : e, it = (e, t = (r, s) => r !== s) => {
-  const r = H(e);
+}, C = (e) => typeof e == "function" ? e() : e, rt = (e, t = (r, s) => r !== s) => {
+  const r = C(e);
   let s = new Map(Object.entries(r ?? {}));
-  const n = {
+  const o = {
     dispose: [],
     get: [],
     set: [],
     reset: []
-  }, o = () => {
-    s = new Map(Object.entries(H(e) ?? {})), n.reset.forEach((l) => l());
-  }, i = () => {
-    n.dispose.forEach((l) => l()), o();
-  }, c = (l) => (n.get.forEach((d) => d(l)), s.get(l)), a = (l, d) => {
-    const g = s.get(l);
-    t(d, g, l) && (s.set(l, d), n.set.forEach((h) => h(l, d, g)));
-  }, f = typeof Proxy > "u" ? {} : new Proxy(r, {
-    get(l, d) {
-      return c(d);
+  }, n = /* @__PURE__ */ new Map(), l = () => {
+    s = new Map(Object.entries(C(e) ?? {})), o.reset.forEach(($) => $());
+  }, a = () => {
+    o.dispose.forEach(($) => $()), l();
+  }, i = ($) => (o.get.forEach((v) => v($)), s.get($)), g = ($, v) => {
+    const d = s.get($);
+    t(v, d, $) && (s.set($, v), o.set.forEach((y) => y($, v, d)));
+  }, u = typeof Proxy > "u" ? {} : new Proxy(r, {
+    get($, v) {
+      return i(v);
     },
-    ownKeys(l) {
+    ownKeys($) {
       return Array.from(s.keys());
     },
     getOwnPropertyDescriptor() {
@@ -619,46 +527,50 @@ const rt = (e, t, r) => {
         configurable: !0
       };
     },
-    has(l, d) {
-      return s.has(d);
+    has($, v) {
+      return s.has(v);
     },
-    set(l, d, g) {
-      return a(d, g), !0;
+    set($, v, d) {
+      return g(v, d), !0;
     }
-  }), $ = (l, d) => (n[l].push(d), () => {
-    at(n[l], d);
+  }), f = ($, v) => (o[$].push(v), () => {
+    w(o[$], v);
   });
   return {
-    state: f,
-    get: c,
-    set: a,
-    on: $,
-    onChange: (l, d) => {
-      const g = $("set", (w, j) => {
-        w === l && d(j);
-      }), h = $("reset", () => d(H(e)[l]));
-      return () => {
-        g(), h();
+    state: u,
+    get: i,
+    set: g,
+    on: f,
+    onChange: ($, v) => {
+      const d = (ke, xe) => {
+        ke === $ && v(xe);
+      }, y = () => v(C(e)[$]), Se = f("set", d), Te = f("reset", y);
+      return n.set(v, { setHandler: d, resetHandler: y, propName: $ }), () => {
+        Se(), Te(), n.delete(v);
       };
     },
-    use: (...l) => {
-      const d = l.reduce((g, h) => (h.set && g.push($("set", h.set)), h.get && g.push($("get", h.get)), h.reset && g.push($("reset", h.reset)), h.dispose && g.push($("dispose", h.dispose)), g), []);
-      return () => d.forEach((g) => g());
+    use: (...$) => {
+      const v = $.reduce((d, y) => (y.set && d.push(f("set", y.set)), y.get && d.push(f("get", y.get)), y.reset && d.push(f("reset", y.reset)), y.dispose && d.push(f("dispose", y.dispose)), d), []);
+      return () => v.forEach((d) => d());
+    },
+    dispose: a,
+    reset: l,
+    forceUpdate: ($) => {
+      const v = s.get($);
+      o.set.forEach((d) => d($, v, v));
     },
-    dispose: i,
-    reset: o,
-    forceUpdate: (l) => {
-      const d = s.get(l);
-      n.set.forEach((g) => g(l, d, d));
+    removeListener: ($, v) => {
+      const d = n.get(v);
+      d && d.propName === $ && (w(o.set, d.setHandler), w(o.reset, d.resetHandler), n.delete(v));
     }
   };
-}, at = (e, t) => {
+}, w = (e, t) => {
   const r = e.indexOf(t);
   r >= 0 && (e[r] = e[e.length - 1], e.length--);
-}, ct = (e, t) => {
-  const r = it(e, t);
-  return r.use(ot()), r;
+}, ot = (e, t) => {
+  const r = rt(e, t);
+  return r.use(st()), r;
 };
 export {
-  ct as c
+  ot as c
 };