@rindo/core 1.17.4 → 2.5.2

package/internal/hydrate/index.js

@@ -2,46 +2,49 @@ function componentOnReady() {
  return getHostRef(this).$onReadyPromise$;
 }
 
-function forceUpdate$1() {}
+function forceUpdate() {}
 
 function hydrateApp(e, t, o, n, s) {
- function l() {
-  global.clearTimeout(p), i.clear(), r.clear();
-  try {
-   t.clientHydrateAnnotations && insertVdomAnnotations(e.document, t.staticComponents), 
-   e.document.createElement = c, e.document.createElementNS = $;
-  } catch (e) {
-   renderCatchError(t, o, e);
+ function a() {
+  if (global.clearTimeout(p), i.clear(), r.clear(), !h) {
+   h = !0;
+   try {
+    t.clientHydrateAnnotations && insertVdomAnnotations(e.document, t.staticComponents), 
+    e.dispatchEvent(new e.Event("DOMContentLoaded")), e.document.createElement = c, 
+    e.document.createElementNS = $;
+   } catch (e) {
+    renderCatchError(t, o, e);
+   }
   }
   n(e, t, o, s);
  }
- function a(e) {
-  renderCatchError(t, o, e), l();
+ function l(e) {
+  renderCatchError(t, o, e), a();
  }
  const r = new Set, i = new Set, d = new Set, c = e.document.createElement, $ = e.document.createElementNS, m = Promise.resolve();
- let p;
+ let p, h = !1;
  try {
-  function h() {
-   return f(this);
+  function u() {
+   return g(this);
   }
-  function u(e) {
+  function f(e) {
    if (isValidComponent(e, t) && !getHostRef(e)) {
     const t = loadModule({
      $tagName$: e.nodeName.toLowerCase(),
      $flags$: null
     }, null);
-    null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = h, registerHost(e, t.cmpMeta), 
+    null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = u, registerHost(e, t.cmpMeta), 
     function o(e, t) {
      if ("function" != typeof e.componentOnReady && (e.componentOnReady = componentOnReady), 
-     "function" != typeof e.forceUpdate && (e.forceUpdate = forceUpdate$1), 1 & t.$flags$ && (e.shadowRoot = e), 
+     "function" != typeof e.forceUpdate && (e.forceUpdate = forceUpdate), 1 & t.$flags$ && (e.shadowRoot = e), 
      null != t.$members$) {
       const o = getHostRef(e);
-      Object.entries(t.$members$).forEach(([n, s]) => {
-       const l = s[0];
-       if (31 & l) {
-        const a = s[1] || n, r = e.getAttribute(a);
+      Object.entries(t.$members$).forEach((([n, s]) => {
+       const a = s[0];
+       if (31 & a) {
+        const l = s[1] || n, r = e.getAttribute(l);
         if (null != r) {
-         const e = parsePropertyValue(r, l);
+         const e = parsePropertyValue(r, a);
          o.$instanceValues$.set(n, e);
         }
         const i = e[n];
@@ -55,36 +58,31 @@ function hydrateApp(e, t, o, n, s) {
          configurable: !0,
          enumerable: !0
         });
-       } else 64 & l && Object.defineProperty(e, n, {
+       } else 64 & a && Object.defineProperty(e, n, {
         value() {
          const e = getHostRef(this), t = arguments;
-         return e.$onInstancePromise$.then(() => e.$lazyInstance$[n].apply(e.$lazyInstance$, t)).catch(consoleError);
+         return e.$onInstancePromise$.then((() => e.$lazyInstance$[n].apply(e.$lazyInstance$, t))).catch(consoleError);
         }
        });
-      });
+      }));
      }
     }(e, t.cmpMeta));
    }
   }
-  function f(n) {
-   return i.delete(n), isValidComponent(n, t) && o.hydratedCount < t.maxHydrateCount && !r.has(n) && function e(t) {
-    if (9 === t.nodeType) return !0;
-    if (NO_HYDRATE_TAGS.has(t.nodeName)) return !1;
-    if (t.hasAttribute("no-prerender")) return !1;
-    const o = t.parentNode;
-    return null == o || e(o);
-   }(n) ? (r.add(n), async function s(e, t, o, n, l) {
+  function g(n) {
+   return i.delete(n), isValidComponent(n, t) && o.hydratedCount < t.maxHydrateCount && !r.has(n) && shouldHydrate(n) ? (r.add(n), 
+   async function s(e, t, o, n, a) {
     o = o.toLowerCase();
-    const a = loadModule({
+    const l = loadModule({
      $tagName$: o,
      $flags$: null
     });
-    if (null != a && null != a.cmpMeta) {
-     l.add(n);
+    if (null != l && null != l.cmpMeta) {
+     a.add(n);
      try {
       connectedCallback(n), await n.componentOnReady(), t.hydratedCount++;
       const e = getHostRef(n), s = e.$modeName$ ? e.$modeName$ : "$";
-      t.components.some(e => e.tag === o && e.mode === s) || t.components.push({
+      t.components.some((e => e.tag === o && e.mode === s)) || t.components.push({
        tag: o,
        mode: s,
        count: 0,
@@ -93,33 +91,33 @@ function hydrateApp(e, t, o, n, s) {
      } catch (t) {
       e.console.error(t);
      }
-     l.delete(n);
+     a.delete(n);
     }
    }(e, o, n.nodeName, n, d)) : m;
   }
   e.document.createElement = function t(o) {
    const n = c.call(e.document, o);
-   return u(n), n;
+   return f(n), n;
   }, e.document.createElementNS = function t(o, n) {
    const s = $.call(e.document, o, n);
-   return u(s), s;
-  }, p = global.setTimeout((function g() {
-   a("Hydrate exceeded timeout" + function e(t) {
+   return f(s), s;
+  }, p = global.setTimeout((function L() {
+   l(`Hydrate exceeded timeout${function e(t) {
     return Array.from(t).map(waitingOnElementMsg);
-   }(d));
+   }(d)}`);
   }), t.timeout), plt.$resourcesUrl$ = new URL(t.resourcesUrl || "./", doc.baseURI).href, 
   globalScripts(), function e(t) {
    if (null != t && 1 === t.nodeType) {
-    u(t);
+    f(t);
     const o = t.children;
     for (let t = 0, n = o.length; t < n; t++) e(o[t]);
    }
   }(e.document.body), function e() {
-   const t = Array.from(i).filter(e => e.parentElement);
-   return t.length > 0 ? Promise.all(t.map(f)).then(e) : m;
-  }().then(l).catch(a);
+   const t = Array.from(i).filter((e => e.parentElement));
+   return t.length > 0 ? Promise.all(t.map(g)).then(e) : m;
+  }().then(a).catch(l);
  } catch (e) {
-  a(e);
+  l(e);
  }
 }
 
@@ -131,6 +129,14 @@ function isValidComponent(e, t) {
  return !1;
 }
 
+function shouldHydrate(e) {
+ if (9 === e.nodeType) return !0;
+ if (NO_HYDRATE_TAGS.has(e.nodeName)) return !1;
+ if (e.hasAttribute("no-prerender")) return !1;
+ const t = e.parentNode;
+ return null == t || shouldHydrate(t);
+}
+
 function renderCatchError(e, t, o) {
  const n = {
   level: "error",
@@ -150,10 +156,10 @@ function renderCatchError(e, t, o) {
 }
 
 function printTag(e) {
- let t = "<" + e.nodeName.toLowerCase();
+ let t = `<${e.nodeName.toLowerCase()}`;
  if (Array.isArray(e.attributes)) for (let o = 0; o < e.attributes.length; o++) {
   const n = e.attributes[o];
-  t += " " + n.name, "" !== n.value && (t += `="${n.value}"`);
+  t += ` ${n.name}`, "" !== n.value && (t += `="${n.value}"`);
  }
  return t += ">", t;
 }
@@ -174,19 +180,23 @@ function waitingOnElementMsg(e) {
 
 import { BUILD, NAMESPACE } from "@rindo/core/internal/app-data";
 
-export { BUILD, NAMESPACE } from "@rindo/core/internal/app-data";
+export { BUILD, Env, NAMESPACE } from "@rindo/core/internal/app-data";
 
 import { globalScripts } from "@rindo/core/internal/app-globals";
 
 const addHostEventListeners = (e, t, o, n) => {
- BUILD.hostListener && o && (BUILD.hostListenerTargetParent && (o = n ? o.filter(([e]) => 16 & e) : o.filter(([e]) => !(16 & e))), 
- o.map(([o, n, s]) => {
-  const l = BUILD.hostListenerTarget ? getHostListenerTarget(e, o) : e, a = hostListenerProxy(t, s), r = hostListenerOpts(o);
-  plt.ael(l, n, a, r), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => plt.rel(l, n, a, r));
- }));
+ BUILD.hostListener && o && (BUILD.hostListenerTargetParent && (o = n ? o.filter((([e]) => 32 & e)) : o.filter((([e]) => !(32 & e)))), 
+ o.map((([o, n, s]) => {
+  const a = BUILD.hostListenerTarget ? getHostListenerTarget(e, o) : e, l = hostListenerProxy(t, s), r = hostListenerOpts(o);
+  plt.ael(a, n, l, r), (t.$rmListeners$ = t.$rmListeners$ || []).push((() => plt.rel(a, n, l, r)));
+ })));
 }, hostListenerProxy = (e, t) => o => {
- BUILD.lazyLoad ? 256 & e.$flags$ ? e.$lazyInstance$[t](o) : (e.$queuedListeners$ = e.$queuedListeners$ || []).push([ t, o ]) : e.$hostElement$[t](o);
-}, getHostListenerTarget = (e, t) => BUILD.hostListenerTargetDocument && 4 & t ? doc : BUILD.hostListenerTargetWindow && 8 & t ? win : BUILD.hostListenerTargetBody && 32 & t ? doc.body : BUILD.hostListenerTargetParent && 16 & t ? e.parentElement : e, hostListenerOpts = e => 0 != (2 & e), XLINK_NS = "http://www.w3.org/1999/xlink";
+ try {
+  BUILD.lazyLoad ? 256 & e.$flags$ ? e.$lazyInstance$[t](o) : (e.$queuedListeners$ = e.$queuedListeners$ || []).push([ t, o ]) : e.$hostElement$[t](o);
+ } catch (e) {
+  consoleError(e);
+ }
+}, getHostListenerTarget = (e, t) => BUILD.hostListenerTargetDocument && 4 & t ? doc : BUILD.hostListenerTargetWindow && 8 & t ? win : BUILD.hostListenerTargetBody && 16 & t ? doc.body : BUILD.hostListenerTargetParent && 32 & t ? e.parentElement : e, hostListenerOpts = e => 0 != (2 & e), XLINK_NS = "http://www.w3.org/1999/xlink";
 
 let i = 0;
 
@@ -200,46 +210,45 @@ const createTime = (e, t = "") => {
  let n = styles.get(e);
  n = t, styles.set(e, n);
 }, addStyle = (e, t, o, n) => {
- let s = getScopeId(t, o), l = styles.get(s);
+ let s = getScopeId(t, o), a = styles.get(s);
  if (!BUILD.attachStyles) return s;
- if (e = 11 === e.nodeType ? e : doc, l) if ("string" == typeof l) {
+ if (e = 11 === e.nodeType ? e : doc, a) if ("string" == typeof a) {
   e = e.head || e;
-  let o, a = rootAppliedStyles.get(e);
-  if (a || rootAppliedStyles.set(e, a = new Set), !a.has(s)) {
-   if (BUILD.hydrateClientSide && e.host && (o = e.querySelector(`[sty-id="${s}"]`))) o.innerHTML = l; else {
+  let o, l = rootAppliedStyles.get(e);
+  if (l || rootAppliedStyles.set(e, l = new Set), !l.has(s)) {
+   if (BUILD.hydrateClientSide && e.host && (o = e.querySelector(`[sty-id="${s}"]`))) o.innerHTML = a; else {
     if (BUILD.cssVarShim && plt.$cssShim$) {
-     o = plt.$cssShim$.createHostStyle(n, s, l, !!(10 & t.$flags$));
+     o = plt.$cssShim$.createHostStyle(n, s, a, !!(10 & t.$flags$));
      const e = o["s-sc"];
-     e && (s = e, a = null);
-    } else o = doc.createElement("style"), o.innerHTML = l;
+     e && (s = e, l = null);
+    } else o = doc.createElement("style"), o.innerHTML = a;
     (BUILD.hydrateServerSide || BUILD.hotModuleReplacement) && o.setAttribute("sty-id", s), 
     e.insertBefore(o, e.querySelector("link"));
    }
-   a && a.add(s);
+   l && l.add(s);
   }
- } else BUILD.constructableCSS && !e.adoptedStyleSheets.includes(l) && (e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, l ]);
+ } else BUILD.constructableCSS && !e.adoptedStyleSheets.includes(a) && (e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, a ]);
  return s;
 }, attachStyles = e => {
- const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), l = addStyle(BUILD.shadowDom && supportsShadow && o.shadowRoot ? o.shadowRoot : o.getRootNode(), t, e.$modeName$, o);
- (BUILD.shadowDom || BUILD.scoped) && BUILD.cssAnnotations && 10 & n && (o["s-sc"] = l, 
- o.classList.add(l + "-h"), BUILD.scoped && 2 & n && o.classList.add(l + "-s")), 
+ const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), a = addStyle(BUILD.shadowDom && supportsShadow && o.shadowRoot ? o.shadowRoot : o.getRootNode(), t, e.$modeName$, o);
+ (BUILD.shadowDom || BUILD.scoped) && BUILD.cssAnnotations && 10 & n && (o["s-sc"] = a, 
+ o.classList.add(a + "-h"), BUILD.scoped && 2 & n && o.classList.add(a + "-s")), 
  s();
-}, getScopeId = (e, t) => "sc-" + (BUILD.mode && t && 32 & e.$flags$ ? e.$tagName$ + "-" + t : e.$tagName$), computeMode = e => modeResolutionChain.map(t => t(e)).find(e => !!e), setMode = e => modeResolutionChain.push(e), getMode = e => getHostRef(e).$modeName$, EMPTY_OBJ = {}, IS_NODE_ENV = !("undefined" == typeof global || "function" != typeof require || !global.process || "string" != typeof __filename || global.origin && "string" == typeof global.origin), isComplexType = (global.process.platform, 
-IS_NODE_ENV && global.process.platform, process.cwd, process.exit, e => "object" == (e = typeof e) || "function" === e), h = (e, t, ...o) => {
- let n = null, s = null, l = null, a = !1, r = !1, i = [];
+}, getScopeId = (e, t) => "sc-" + (BUILD.mode && t && 32 & e.$flags$ ? e.$tagName$ + "-" + t : e.$tagName$), computeMode = e => modeResolutionChain.map((t => t(e))).find((e => !!e)), setMode = e => modeResolutionChain.push(e), getMode = e => getHostRef(e).$modeName$, EMPTY_OBJ = {}, isComplexType = e => "object" == (e = typeof e) || "function" === e, isPromise = e => !!e && ("object" == typeof e || "function" == typeof e) && "function" == typeof e.then, h = (e, t, ...o) => {
+ let n = null, s = null, a = null, l = !1, r = !1, i = [];
  const d = t => {
-  for (let o = 0; o < t.length; o++) n = t[o], Array.isArray(n) ? d(n) : null != n && "boolean" != typeof n && ((a = "function" != typeof e && !isComplexType(n)) ? n = String(n) : BUILD.isDev && "function" != typeof e && n.$flags$, 
-  a && r ? i[i.length - 1].$text$ += n : i.push(a ? newVNode(null, n) : n), r = a);
+  for (let o = 0; o < t.length; o++) n = t[o], Array.isArray(n) ? d(n) : null != n && "boolean" != typeof n && ((l = "function" != typeof e && !isComplexType(n)) ? n = String(n) : BUILD.isDev && "function" != typeof e && n.$flags$, 
+  l && r ? i[i.length - 1].$text$ += n : i.push(l ? newVNode(null, n) : n), r = l);
  };
  if (d(o), t && (BUILD.isDev && "input" === e && validateInputProperties(t), BUILD.vdomKey && t.key && (s = t.key), 
- BUILD.slotRelocation && t.name && (l = t.name), BUILD.vdomClass)) {
+ BUILD.slotRelocation && t.name && (a = t.name), BUILD.vdomClass)) {
   const e = t.className || t.class;
-  e && (t.class = "object" != typeof e ? e : Object.keys(e).filter(t => e[t]).join(" "));
+  e && (t.class = "object" != typeof e ? e : Object.keys(e).filter((t => e[t])).join(" "));
  }
  if (BUILD.isDev && i.some(isHost), BUILD.vdomFunctional && "function" == typeof e) return e(null === t ? {} : t, i, vdomFnUtils);
  const c = newVNode(e, null);
  return c.$attrs$ = t, i.length > 0 && (c.$children$ = i), BUILD.vdomKey && (c.$key$ = s), 
- BUILD.slotRelocation && (c.$name$ = l), c;
+ BUILD.slotRelocation && (c.$name$ = a), c;
 }, newVNode = (e, t) => {
  const o = {
   $flags$: 0,
@@ -262,7 +271,9 @@ IS_NODE_ENV && global.process.platform, process.cwd, process.exit, e => "object"
  vtext: e.$text$
 }), convertToPrivate = e => {
  if ("function" == typeof e.vtag) {
-  const t = Object.assign({}, e.vattrs);
+  const t = {
+   ...e.vattrs
+  };
   return e.vkey && (t.key = e.vkey), e.vname && (t.name = e.vname), h(e.vtag, t, ...e.vchildren || []);
  }
  const t = newVNode(e.vtag, e.vtext);
@@ -271,54 +282,54 @@ IS_NODE_ENV && global.process.platform, process.cwd, process.exit, e => "object"
 }, validateInputProperties = e => {
  const t = Object.keys(e);
  t.indexOf("type"), t.indexOf("min"), t.indexOf("max"), t.indexOf("min"), t.indexOf("value");
-}, setAccessor = (e, t, o, n, s, l) => {
+}, setAccessor = (e, t, o, n, s, a) => {
  if (o !== n) {
-  let a = isMemberInElement(e, t), r = t.toLowerCase();
+  let l = isMemberInElement(e, t), r = t.toLowerCase();
   if (BUILD.vdomClass && "class" === t) {
-   const t = e.classList, s = parseClassList(o), l = parseClassList(n);
-   t.remove(...s.filter(e => e && !l.includes(e))), t.add(...l.filter(e => e && !s.includes(e)));
+   const t = e.classList, s = parseClassList(o), a = parseClassList(n);
+   t.remove(...s.filter((e => e && !a.includes(e)))), t.add(...a.filter((e => e && !s.includes(e))));
   } else if (BUILD.vdomStyle && "style" === t) {
    if (BUILD.updatable) for (const t in o) n && null != n[t] || (!BUILD.hydrateServerSide && t.includes("-") ? e.style.removeProperty(t) : e.style[t] = "");
    for (const t in n) o && n[t] === o[t] || (!BUILD.hydrateServerSide && t.includes("-") ? e.style.setProperty(t, n[t]) : e.style[t] = n[t]);
-  } else if (BUILD.vdomKey && "key" === t) ; else if (BUILD.vdomRef && "ref" === t) n && n(e); else if (!BUILD.vdomListener || (BUILD.lazyLoad ? a : e.__lookupSetter__(t)) || "o" !== t[0] || "n" !== t[1]) {
+  } else if (BUILD.vdomKey && "key" === t) ; else if (BUILD.vdomRef && "ref" === t) n && n(e); else if (!BUILD.vdomListener || (BUILD.lazyLoad ? l : e.__lookupSetter__(t)) || "o" !== t[0] || "n" !== t[1]) {
    if (BUILD.vdomPropOrAttr) {
     const i = isComplexType(n);
-    if ((a || i && null !== n) && !s) try {
+    if ((l || i && null !== n) && !s) try {
      if (e.tagName.includes("-")) e[t] = n; else {
       let s = null == n ? "" : n;
-      "list" === t ? a = !1 : null != o && e[t] == s || (e[t] = s);
+      "list" === t ? l = !1 : null != o && e[t] == s || (e[t] = s);
      }
     } catch (e) {}
     let d = !1;
-    BUILD.vdomXlink && r !== (r = r.replace(/^xlink\:?/, "")) && (t = r, d = !0), null == n || !1 === n ? !1 === n && "" !== e.getAttribute(t) || (BUILD.vdomXlink && d ? e.removeAttributeNS(XLINK_NS, t) : e.removeAttribute(t)) : (!a || 4 & l || s) && !i && (n = !0 === n ? "" : n, 
+    BUILD.vdomXlink && r !== (r = r.replace(/^xlink\:?/, "")) && (t = r, d = !0), null == n || !1 === n ? !1 === n && "" !== e.getAttribute(t) || (BUILD.vdomXlink && d ? e.removeAttributeNS(XLINK_NS, t) : e.removeAttribute(t)) : (!l || 4 & a || s) && !i && (n = !0 === n ? "" : n, 
     BUILD.vdomXlink && d ? e.setAttributeNS(XLINK_NS, t, n) : e.setAttribute(t, n));
    }
   } else t = "-" === t[2] ? t.slice(3) : isMemberInElement(win, r) ? r.slice(2) : r[2] + t.slice(3), 
   o && plt.rel(e, t, o, !1), n && plt.ael(e, t, n, !1);
  }
 }, parseClassListRegex = /\s/, parseClassList = e => e ? e.split(parseClassListRegex) : [], updateElement = (e, t, o, n) => {
- const s = 11 === t.$elm$.nodeType && t.$elm$.host ? t.$elm$.host : t.$elm$, l = e && e.$attrs$ || EMPTY_OBJ, a = t.$attrs$ || EMPTY_OBJ;
- if (BUILD.updatable) for (n in l) n in a || setAccessor(s, n, l[n], void 0, o, t.$flags$);
- for (n in a) setAccessor(s, n, l[n], a[n], o, t.$flags$);
+ const s = 11 === t.$elm$.nodeType && t.$elm$.host ? t.$elm$.host : t.$elm$, a = e && e.$attrs$ || EMPTY_OBJ, l = t.$attrs$ || EMPTY_OBJ;
+ if (BUILD.updatable) for (n in a) n in l || setAccessor(s, n, a[n], void 0, o, t.$flags$);
+ for (n in l) setAccessor(s, n, a[n], l[n], o, t.$flags$);
 };
 
 let scopeId, contentRef, hostTagName, useNativeShadowDom = !1, checkSlotFallbackVisibility = !1, checkSlotRelocate = !1, isSvgMode = !1;
 
 const createElm = (e, t, o, n) => {
- let s, l, a, r = t.$children$[o], i = 0;
+ let s, a, l, r = t.$children$[o], i = 0;
  if (BUILD.slotRelocation && !useNativeShadowDom && (checkSlotRelocate = !0, "slot" === r.$tag$ && (scopeId && n.classList.add(scopeId + "-s"), 
- r.$flags$ |= r.$children$ ? 2 : 1)), BUILD.isDev && r.$elm$ && consoleError(`The JSX ${null !== r.$text$ ? `"${r.$text$}" text` : `"${r.$tag$}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://rindojs.web.app/docs/templating-jsx#avoid-shared-jsx-nodes`), 
+ r.$flags$ |= r.$children$ ? 2 : 1)), BUILD.isDev && r.$elm$ && consoleDevError(`The JSX ${null !== r.$text$ ? `"${r.$text$}" text` : `"${r.$tag$}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://rindojs.web.app/docs/templating-jsx#avoid-shared-jsx-nodes`), 
  BUILD.vdomText && null !== r.$text$) s = r.$elm$ = doc.createTextNode(r.$text$); else if (BUILD.slotRelocation && 1 & r.$flags$) s = r.$elm$ = BUILD.isDebug || BUILD.hydrateServerSide ? slotReferenceDebugNode(r) : doc.createTextNode(""); else {
   if (BUILD.svg && !isSvgMode && (isSvgMode = "svg" === r.$tag$), s = r.$elm$ = BUILD.svg ? doc.createElementNS(isSvgMode ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml", BUILD.slotRelocation && 2 & r.$flags$ ? "slot-fb" : r.$tag$) : doc.createElement(BUILD.slotRelocation && 2 & r.$flags$ ? "slot-fb" : r.$tag$), 
   BUILD.svg && isSvgMode && "foreignObject" === r.$tag$ && (isSvgMode = !1), BUILD.vdomAttribute && updateElement(null, r, isSvgMode), 
   (BUILD.shadowDom || BUILD.scoped) && null != scopeId && s["s-si"] !== scopeId && s.classList.add(s["s-si"] = scopeId), 
-  r.$children$) for (i = 0; i < r.$children$.length; ++i) l = createElm(e, r, i, s), 
-  l && s.appendChild(l);
+  r.$children$) for (i = 0; i < r.$children$.length; ++i) a = createElm(e, r, i, s), 
+  a && s.appendChild(a);
   BUILD.svg && ("svg" === r.$tag$ ? isSvgMode = !1 : "foreignObject" === s.tagName && (isSvgMode = !0));
  }
  return BUILD.slotRelocation && (s["s-hn"] = hostTagName, 3 & r.$flags$ && (s["s-sr"] = !0, 
- s["s-cr"] = contentRef, s["s-sn"] = r.$name$ || "", a = e && e.$children$ && e.$children$[o], 
- a && a.$tag$ === r.$tag$ && e.$elm$ && putBackInOriginalLocation(e.$elm$, !1))), 
+ s["s-cr"] = contentRef, s["s-sn"] = r.$name$ || "", l = e && e.$children$ && e.$children$[o], 
+ l && l.$tag$ === r.$tag$ && e.$elm$ && putBackInOriginalLocation(e.$elm$, !1))), 
  s;
 }, putBackInOriginalLocation = (e, t) => {
  plt.$flags$ |= 1;
@@ -329,63 +340,63 @@ const createElm = (e, t, o, n) => {
   n["s-ol"].remove(), n["s-ol"] = void 0, checkSlotRelocate = !0), t && putBackInOriginalLocation(n, t);
  }
  plt.$flags$ &= -2;
-}, addVnodes = (e, t, o, n, s, l) => {
- let a, r = BUILD.slotRelocation && e["s-cr"] && e["s-cr"].parentNode || e;
- for (BUILD.shadowDom && r.shadowRoot && r.tagName === hostTagName && (r = r.shadowRoot); s <= l; ++s) n[s] && (a = createElm(null, o, s, e), 
- a && (n[s].$elm$ = a, r.insertBefore(a, BUILD.slotRelocation ? referenceNode(t) : t)));
+}, addVnodes = (e, t, o, n, s, a) => {
+ let l, r = BUILD.slotRelocation && e["s-cr"] && e["s-cr"].parentNode || e;
+ for (BUILD.shadowDom && r.shadowRoot && r.tagName === hostTagName && (r = r.shadowRoot); s <= a; ++s) n[s] && (l = createElm(null, o, s, e), 
+ l && (n[s].$elm$ = l, r.insertBefore(l, BUILD.slotRelocation ? referenceNode(t) : t)));
 }, removeVnodes = (e, t, o, n, s) => {
  for (;t <= o; ++t) (n = e[t]) && (s = n.$elm$, callNodeRefs(n), BUILD.slotRelocation && (checkSlotFallbackVisibility = !0, 
  s["s-ol"] ? s["s-ol"].remove() : putBackInOriginalLocation(s, !0)), s.remove());
 }, isSameVnode = (e, t) => e.$tag$ === t.$tag$ && (BUILD.slotRelocation && "slot" === e.$tag$ ? e.$name$ === t.$name$ : !BUILD.vdomKey || e.$key$ === t.$key$), referenceNode = e => e && e["s-ol"] || e, parentReferenceNode = e => (e["s-ol"] ? e["s-ol"] : e).parentNode, patch = (e, t) => {
- const o = t.$elm$ = e.$elm$, n = e.$children$, s = t.$children$, l = t.$tag$, a = t.$text$;
+ const o = t.$elm$ = e.$elm$, n = e.$children$, s = t.$children$, a = t.$tag$, l = t.$text$;
  let r;
- BUILD.vdomText && null !== a ? BUILD.vdomText && BUILD.slotRelocation && (r = o["s-cr"]) ? r.parentNode.textContent = a : BUILD.vdomText && e.$text$ !== a && (o.data = a) : (BUILD.svg && (isSvgMode = "svg" === l || "foreignObject" !== l && isSvgMode), 
- (BUILD.vdomAttribute || BUILD.reflect) && (BUILD.slot && "slot" === l || updateElement(e, t, isSvgMode)), 
+ BUILD.vdomText && null !== l ? BUILD.vdomText && BUILD.slotRelocation && (r = o["s-cr"]) ? r.parentNode.textContent = l : BUILD.vdomText && e.$text$ !== l && (o.data = l) : (BUILD.svg && (isSvgMode = "svg" === a || "foreignObject" !== a && isSvgMode), 
+ (BUILD.vdomAttribute || BUILD.reflect) && (BUILD.slot && "slot" === a || updateElement(e, t, isSvgMode)), 
  BUILD.updatable && null !== n && null !== s ? ((e, t, o, n) => {
-  let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, h = n[0], u = n[p];
-  for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null == h) h = n[++r]; else if (null == u) u = n[--p]; else if (isSameVnode($, h)) patch($, h), 
-  $ = t[++a], h = n[++r]; else if (isSameVnode(m, u)) patch(m, u), m = t[--c], u = n[--p]; else if (isSameVnode($, u)) !BUILD.slotRelocation || "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
-  patch($, u), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++a], u = n[--p]; else if (isSameVnode(m, h)) !BUILD.slotRelocation || "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
+  let s, a, l = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, h = n[0], u = n[p];
+  for (;l <= c && r <= p; ) if (null == $) $ = t[++l]; else if (null == m) m = t[--c]; else if (null == h) h = n[++r]; else if (null == u) u = n[--p]; else if (isSameVnode($, h)) patch($, h), 
+  $ = t[++l], h = n[++r]; else if (isSameVnode(m, u)) patch(m, u), m = t[--c], u = n[--p]; else if (isSameVnode($, u)) !BUILD.slotRelocation || "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
+  patch($, u), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++l], u = n[--p]; else if (isSameVnode(m, h)) !BUILD.slotRelocation || "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
   patch(m, h), e.insertBefore(m.$elm$, $.$elm$), m = t[--c], h = n[++r]; else {
-   if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === h.$key$) {
+   if (i = -1, BUILD.vdomKey) for (d = l; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === h.$key$) {
     i = d;
     break;
    }
-   BUILD.vdomKey && i >= 0 ? (l = t[i], l.$tag$ !== h.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(l, h), 
-   t[i] = void 0, s = l.$elm$), h = n[++r]) : (s = createElm(t && t[r], o, r, e), h = n[++r]), 
+   BUILD.vdomKey && i >= 0 ? (a = t[i], a.$tag$ !== h.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(a, h), 
+   t[i] = void 0, s = a.$elm$), h = n[++r]) : (s = createElm(t && t[r], o, r, e), h = n[++r]), 
    s && (BUILD.slotRelocation ? parentReferenceNode($.$elm$).insertBefore(s, referenceNode($.$elm$)) : $.$elm$.parentNode.insertBefore(s, $.$elm$));
   }
-  a > c ? addVnodes(e, null == n[p + 1] ? null : n[p + 1].$elm$, o, n, r, p) : BUILD.updatable && r > p && removeVnodes(t, a, c);
+  l > c ? addVnodes(e, null == n[p + 1] ? null : n[p + 1].$elm$, o, n, r, p) : BUILD.updatable && r > p && removeVnodes(t, l, c);
  })(o, n, t, s) : null !== s ? (BUILD.updatable && BUILD.vdomText && null !== e.$text$ && (o.textContent = ""), 
  addVnodes(o, null, t, s, 0, s.length - 1)) : BUILD.updatable && null !== n && removeVnodes(n, 0, n.length - 1), 
- BUILD.svg && isSvgMode && "svg" === l && (isSvgMode = !1));
+ BUILD.svg && isSvgMode && "svg" === a && (isSvgMode = !1));
 }, updateFallbackSlotVisibility = e => {
- let t, o, n, s, l, a, r = e.childNodes;
+ let t, o, n, s, a, l, r = e.childNodes;
  for (o = 0, n = r.length; o < n; o++) if (t = r[o], 1 === t.nodeType) {
-  if (t["s-sr"]) for (l = t["s-sn"], t.hidden = !1, s = 0; s < n; s++) if (r[s]["s-hn"] !== t["s-hn"]) if (a = r[s].nodeType, 
-  "" !== l) {
-   if (1 === a && l === r[s].getAttribute("slot")) {
+  if (t["s-sr"]) for (a = t["s-sn"], t.hidden = !1, s = 0; s < n; s++) if (l = r[s].nodeType, 
+  r[s]["s-hn"] !== t["s-hn"] || "" !== a) {
+   if (1 === l && a === r[s].getAttribute("slot")) {
     t.hidden = !0;
     break;
    }
-  } else if (1 === a || 3 === a && "" !== r[s].textContent.trim()) {
+  } else if (1 === l || 3 === l && "" !== r[s].textContent.trim()) {
    t.hidden = !0;
    break;
   }
   updateFallbackSlotVisibility(t);
  }
 }, relocateNodes = [], relocateSlotContent = e => {
- let t, o, n, s, l, a, r = 0, i = e.childNodes, d = i.length;
+ let t, o, n, s, a, l, r = 0, i = e.childNodes, d = i.length;
  for (;r < d; r++) {
-  if (t = i[r], t["s-sr"] && (o = t["s-cr"])) for (n = o.parentNode.childNodes, s = t["s-sn"], 
-  a = n.length - 1; a >= 0; a--) o = n[a], o["s-cn"] || o["s-nr"] || o["s-hn"] === t["s-hn"] || (isNodeLocatedInSlot(o, s) ? (l = relocateNodes.find(e => e.$nodeToRelocate$ === o), 
-  checkSlotFallbackVisibility = !0, o["s-sn"] = o["s-sn"] || s, l ? l.$slotRefNode$ = t : relocateNodes.push({
+  if (t = i[r], t["s-sr"] && (o = t["s-cr"]) && o.parentNode) for (n = o.parentNode.childNodes, 
+  s = t["s-sn"], l = n.length - 1; l >= 0; l--) o = n[l], o["s-cn"] || o["s-nr"] || o["s-hn"] === t["s-hn"] || (isNodeLocatedInSlot(o, s) ? (a = relocateNodes.find((e => e.$nodeToRelocate$ === o)), 
+  checkSlotFallbackVisibility = !0, o["s-sn"] = o["s-sn"] || s, a ? a.$slotRefNode$ = t : relocateNodes.push({
    $slotRefNode$: t,
    $nodeToRelocate$: o
-  }), o["s-sr"] && relocateNodes.map(e => {
-   isNodeLocatedInSlot(e.$nodeToRelocate$, o["s-sn"]) && (l = relocateNodes.find(e => e.$nodeToRelocate$ === o), 
-   l && !e.$slotRefNode$ && (e.$slotRefNode$ = l.$slotRefNode$));
-  })) : relocateNodes.some(e => e.$nodeToRelocate$ === o) || relocateNodes.push({
+  }), o["s-sr"] && relocateNodes.map((e => {
+   isNodeLocatedInSlot(e.$nodeToRelocate$, o["s-sn"]) && (a = relocateNodes.find((e => e.$nodeToRelocate$ === o)), 
+   a && !e.$slotRefNode$ && (e.$slotRefNode$ = a.$slotRefNode$));
+  }))) : relocateNodes.some((e => e.$nodeToRelocate$ === o)) || relocateNodes.push({
    $nodeToRelocate$: o
   }));
   1 === t.nodeType && relocateSlotContent(t);
@@ -393,32 +404,32 @@ const createElm = (e, t, o, n) => {
 }, isNodeLocatedInSlot = (e, t) => 1 === e.nodeType ? null === e.getAttribute("slot") && "" === t || e.getAttribute("slot") === t : e["s-sn"] === t || "" === t, callNodeRefs = e => {
  BUILD.vdomRef && (e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(callNodeRefs));
 }, renderVdom = (e, t) => {
- const o = e.$hostElement$, n = e.$cmpMeta$, s = e.$vnode$ || newVNode(null, null), l = isHost(t) ? t : h(null, null, t);
+ const o = e.$hostElement$, n = e.$cmpMeta$, s = e.$vnode$ || newVNode(null, null), a = isHost(t) ? t : h(null, null, t);
  if (hostTagName = o.tagName, BUILD.isDev && Array.isArray(t) && t.some(isHost)) throw new Error(`The <Host> must be the single root component.\nLooks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n  // Do not return an array\n  return (\n    <Host>{content}</Host>\n  );\n}\n  `);
- if (BUILD.reflect && n.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, n.$attrsToReflect$.map(([e, t]) => l.$attrs$[t] = o[e])), 
- l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = s.$elm$ = BUILD.shadowDom && o.shadowRoot || o, 
+ if (BUILD.reflect && n.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, n.$attrsToReflect$.map((([e, t]) => a.$attrs$[t] = o[e]))), 
+ a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = s.$elm$ = BUILD.shadowDom && o.shadowRoot || o, 
  (BUILD.scoped || BUILD.shadowDom) && (scopeId = o["s-sc"]), BUILD.slotRelocation && (contentRef = o["s-cr"], 
- useNativeShadowDom = supportsShadow, checkSlotFallbackVisibility = !1), patch(s, l), 
+ useNativeShadowDom = supportsShadow, checkSlotFallbackVisibility = !1), patch(s, a), 
  BUILD.slotRelocation) {
   if (plt.$flags$ |= 1, checkSlotRelocate) {
-   let e, t, o, n, s, a;
-   relocateSlotContent(l.$elm$);
+   let e, t, o, n, s, l;
+   relocateSlotContent(a.$elm$);
    let r = 0;
    for (;r < relocateNodes.length; r++) e = relocateNodes[r], t = e.$nodeToRelocate$, 
    t["s-ol"] || (o = BUILD.isDebug || BUILD.hydrateServerSide ? originalLocationDebugNode(t) : doc.createTextNode(""), 
    o["s-nr"] = t, t.parentNode.insertBefore(t["s-ol"] = o, t));
    for (r = 0; r < relocateNodes.length; r++) if (e = relocateNodes[r], t = e.$nodeToRelocate$, 
    e.$slotRefNode$) {
-    for (n = e.$slotRefNode$.parentNode, s = e.$slotRefNode$.nextSibling, o = t["s-ol"]; o = o.previousSibling; ) if (a = o["s-nr"], 
-    a && a["s-sn"] === t["s-sn"] && n === a.parentNode && (a = a.nextSibling, !a || !a["s-nr"])) {
-     s = a;
+    for (n = e.$slotRefNode$.parentNode, s = e.$slotRefNode$.nextSibling, o = t["s-ol"]; o = o.previousSibling; ) if (l = o["s-nr"], 
+    l && l["s-sn"] === t["s-sn"] && n === l.parentNode && (l = l.nextSibling, !l || !l["s-nr"])) {
+     s = l;
      break;
     }
     (!s && n !== t.parentNode || t.nextSibling !== s) && t !== s && (!t["s-hn"] && t["s-ol"] && (t["s-hn"] = t["s-ol"].parentNode.nodeName), 
     n.insertBefore(t, s));
    } else 1 === t.nodeType && (t.hidden = !0);
   }
-  checkSlotFallbackVisibility && updateFallbackSlotVisibility(l.$elm$), plt.$flags$ &= -2, 
+  checkSlotFallbackVisibility && updateFallbackSlotVisibility(a.$elm$), plt.$flags$ &= -2, 
   relocateNodes.length = 0;
  }
 }, slotReferenceDebugNode = e => doc.createComment(`<slot${e.$name$ ? ' name="' + e.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`), originalLocationDebugNode = e => doc.createComment("org-location for " + (e.localName ? `<${e.localName}> (host=${e["s-hn"]})` : `[${e.textContent}]`)), getElement = e => BUILD.lazyLoad ? getHostRef(e).$hostElement$ : e, createEvent = (e, t, o) => {
@@ -435,32 +446,32 @@ const createElm = (e, t, o, n) => {
  const n = plt.ce(t, o);
  return e.dispatchEvent(n), n;
 }, attachToAncestor = (e, t) => {
- BUILD.asyncLoading && t && !e.$onRenderResolve$ && t["s-p"] && t["s-p"].push(new Promise(t => e.$onRenderResolve$ = t));
+ BUILD.asyncLoading && t && !e.$onRenderResolve$ && t["s-p"] && t["s-p"].push(new Promise((t => e.$onRenderResolve$ = t)));
 }, scheduleUpdate = (e, t) => {
  if (BUILD.taskQueue && BUILD.updatable && (e.$flags$ |= 16), BUILD.asyncLoading && 4 & e.$flags$) return void (e.$flags$ |= 512);
  attachToAncestor(e, e.$ancestorComponent$);
  const o = () => dispatchHooks(e, t);
- return BUILD.taskQueue ? writeTask(o) : o;
+ return BUILD.taskQueue ? writeTask(o) : o();
 }, dispatchHooks = (e, t) => {
  const o = e.$hostElement$, n = createTime("scheduleUpdate", e.$cmpMeta$.$tagName$), s = BUILD.lazyLoad ? e.$lazyInstance$ : o;
- let l;
- return t ? (BUILD.lazyLoad && BUILD.hostListener && (e.$flags$ |= 256, e.$queuedListeners$ && (e.$queuedListeners$.map(([e, t]) => safeCall(s, e, t)), 
- e.$queuedListeners$ = null)), emitLifecycleEvent(o, "componentWillLoad"), BUILD.cmpWillLoad && (l = safeCall(s, "componentWillLoad"))) : (emitLifecycleEvent(o, "componentWillUpdate"), 
- BUILD.cmpWillUpdate && (l = safeCall(s, "componentWillUpdate"))), emitLifecycleEvent(o, "componentWillRender"), 
- BUILD.cmpWillRender && (l = then(l, () => safeCall(s, "componentWillRender"))), 
- n(), then(l, () => updateComponent(e, s, t));
-}, updateComponent = (e, t, o) => {
- const n = e.$hostElement$, s = createTime("update", e.$cmpMeta$.$tagName$), l = n["s-rc"];
+ let a;
+ return t ? (BUILD.lazyLoad && BUILD.hostListener && (e.$flags$ |= 256, e.$queuedListeners$ && (e.$queuedListeners$.map((([e, t]) => safeCall(s, e, t))), 
+ e.$queuedListeners$ = null)), emitLifecycleEvent(o, "componentWillLoad"), BUILD.cmpWillLoad && (a = safeCall(s, "componentWillLoad"))) : (emitLifecycleEvent(o, "componentWillUpdate"), 
+ BUILD.cmpWillUpdate && (a = safeCall(s, "componentWillUpdate"))), emitLifecycleEvent(o, "componentWillRender"), 
+ BUILD.cmpWillRender && (a = then(a, (() => safeCall(s, "componentWillRender")))), 
+ n(), then(a, (() => updateComponent(e, s, t)));
+}, updateComponent = async (e, t, o) => {
+ const n = e.$hostElement$, s = createTime("update", e.$cmpMeta$.$tagName$), a = n["s-rc"];
  BUILD.style && o && attachStyles(e);
- const a = createTime("render", e.$cmpMeta$.$tagName$);
- if (BUILD.isDev && (e.$flags$ |= 1024), (BUILD.hasRenderFn || BUILD.reflect) && (BUILD.vdomRender || BUILD.reflect ? renderVdom(e, callRender(e, t)) : n.textContent = callRender(e, t)), 
+ const l = createTime("render", e.$cmpMeta$.$tagName$);
+ if (BUILD.isDev && (e.$flags$ |= 1024), BUILD.hydrateServerSide ? await callRender(e, t, n) : callRender(e, t, n), 
  BUILD.cssVarShim && plt.$cssShim$ && plt.$cssShim$.updateHost(n), BUILD.isDev && (e.$renderCount$++, 
  e.$flags$ &= -1025), BUILD.hydrateServerSide) try {
   serverSideConnected(n), o && (1 & e.$cmpMeta$.$flags$ ? n["s-en"] = "" : 2 & e.$cmpMeta$.$flags$ && (n["s-en"] = "c"));
  } catch (e) {
-  consoleError(e);
+  consoleError(e, n);
  }
- if (BUILD.asyncLoading && l && (l.map(e => e()), n["s-rc"] = void 0), a(), s(), 
+ if (BUILD.asyncLoading && a && (a.map((e => e())), n["s-rc"] = void 0), l(), s(), 
  BUILD.asyncLoading) {
   const t = n["s-p"], o = () => postUpdateComponent(e);
   0 === t.length ? o() : (Promise.all(t).then(o), e.$flags$ |= 4, t.length = 0);
@@ -469,17 +480,20 @@ const createElm = (e, t, o, n) => {
 
 let renderingRef = null;
 
-const callRender = (e, t) => {
- const o = !!BUILD.allRenderFn, n = !!BUILD.lazyLoad, s = !!BUILD.taskQueue, l = !!BUILD.updatable;
+const callRender = (e, t, o) => {
+ const n = !!BUILD.allRenderFn, s = !!BUILD.lazyLoad, a = !!BUILD.taskQueue, l = !!BUILD.updatable;
  try {
-  renderingRef = t, t = (o || t.render) && t.render(), l && s && (e.$flags$ &= -17), 
-  (l || n) && (e.$flags$ |= 2);
- } catch (e) {
-  consoleError(e);
+  if (renderingRef = t, t = (n || t.render) && t.render(), l && a && (e.$flags$ &= -17), 
+  (l || s) && (e.$flags$ |= 2), BUILD.hasRenderFn || BUILD.reflect) if (BUILD.vdomRender || BUILD.reflect) {
+   if (BUILD.hydrateServerSide) return Promise.resolve(t).then((t => renderVdom(e, t)));
+   renderVdom(e, t);
+  } else o.textContent = t;
+ } catch (t) {
+  consoleError(t, e.$hostElement$);
  }
- return renderingRef = null, t;
+ return renderingRef = null, null;
 }, getRenderingRef = () => renderingRef, postUpdateComponent = e => {
- const t = e.$cmpMeta$.$tagName$, o = e.$hostElement$, n = createTime("postUpdate", t), s = BUILD.lazyLoad ? e.$lazyInstance$ : o, l = e.$ancestorComponent$;
+ const t = e.$cmpMeta$.$tagName$, o = e.$hostElement$, n = createTime("postUpdate", t), s = BUILD.lazyLoad ? e.$lazyInstance$ : o, a = e.$ancestorComponent$;
  BUILD.cmpDidRender && (BUILD.isDev && (e.$flags$ |= 1024), safeCall(s, "componentDidRender"), 
  BUILD.isDev && (e.$flags$ &= -1025)), emitLifecycleEvent(o, "componentDidRender"), 
  64 & e.$flags$ ? (BUILD.cmpDidUpdate && (BUILD.isDev && (e.$flags$ |= 1024), safeCall(s, "componentDidUpdate"), 
@@ -487,11 +501,11 @@ const callRender = (e, t) => {
  n()) : (e.$flags$ |= 64, BUILD.asyncLoading && BUILD.cssAnnotations && addHydratedFlag(o), 
  BUILD.cmpDidLoad && (BUILD.isDev && (e.$flags$ |= 2048), safeCall(s, "componentDidLoad"), 
  BUILD.isDev && (e.$flags$ &= -2049)), emitLifecycleEvent(o, "componentDidLoad"), 
- n(), BUILD.asyncLoading && (e.$onReadyResolve$(o), l || appDidLoad(t))), BUILD.hotModuleReplacement && o["s-hmr-load"] && o["s-hmr-load"](), 
+ n(), BUILD.asyncLoading && (e.$onReadyResolve$(o), a || appDidLoad(t))), BUILD.hotModuleReplacement && o["s-hmr-load"] && o["s-hmr-load"](), 
  BUILD.method && BUILD.lazyLoad && e.$onInstanceResolve$(o), BUILD.asyncLoading && (e.$onRenderResolve$ && (e.$onRenderResolve$(), 
- e.$onRenderResolve$ = void 0), 512 & e.$flags$ && nextTick(() => scheduleUpdate(e, !1)), 
+ e.$onRenderResolve$ = void 0), 512 & e.$flags$ && nextTick((() => scheduleUpdate(e, !1))), 
  e.$flags$ &= -517);
-}, forceUpdate = e => {
+}, forceUpdate$1 = e => {
  if (BUILD.updatable) {
   const t = getHostRef(e), o = t.$hostElement$.isConnected;
   return o && 2 == (18 & t.$flags$) && scheduleUpdate(t, !1), o;
@@ -499,11 +513,11 @@ const callRender = (e, t) => {
  return !1;
 }, appDidLoad = e => {
  BUILD.cssAnnotations && addHydratedFlag(doc.documentElement), BUILD.asyncQueue && (plt.$flags$ |= 2), 
- nextTick(() => emitEvent(win, "appload", {
+ nextTick((() => emitEvent(win, "appload", {
   detail: {
    namespace: NAMESPACE
   }
- })), BUILD.profile && performance.measure && performance.measure(`[Rindo] ${NAMESPACE} initial load (by ${e})`, "st:app:start");
+ }))), BUILD.profile && performance.measure && performance.measure(`[Rindo] ${NAMESPACE} initial load (by ${e})`, "st:app:start");
 }, safeCall = (e, t, o) => {
  if (e && e[t]) try {
   return e[t](o);
@@ -524,49 +538,49 @@ const callRender = (e, t) => {
   const o = t[e];
   "function" == typeof o.connectedCallback && o.connectedCallback(), serverSideConnected(o);
  }
-}, clientHydrate = (e, t, o, n, s, l, a) => {
+}, clientHydrate = (e, t, o, n, s, a, l) => {
  let r, i, d, c;
- if (1 === l.nodeType) {
-  for (r = l.getAttribute("c-id"), r && (i = r.split("."), i[0] !== a && "0" !== i[0] || (d = {
+ if (1 === a.nodeType) {
+  for (r = a.getAttribute("c-id"), r && (i = r.split("."), i[0] !== l && "0" !== i[0] || (d = {
    $flags$: 0,
    $hostId$: i[0],
    $nodeId$: i[1],
    $depth$: i[2],
    $index$: i[3],
-   $tag$: l.tagName.toLowerCase(),
-   $elm$: l,
+   $tag$: a.tagName.toLowerCase(),
+   $elm$: a,
    $attrs$: null,
    $children$: null,
    $key$: null,
    $name$: null,
    $text$: null
-  }, t.push(d), l.removeAttribute("c-id"), e.$children$ || (e.$children$ = []), e.$children$[d.$index$] = d, 
-  e = d, n && "0" === d.$depth$ && (n[d.$index$] = d.$elm$))), c = l.childNodes.length - 1; c >= 0; c--) clientHydrate(e, t, o, n, s, l.childNodes[c], a);
-  if (l.shadowRoot) for (c = l.shadowRoot.childNodes.length - 1; c >= 0; c--) clientHydrate(e, t, o, n, s, l.shadowRoot.childNodes[c], a);
- } else if (8 === l.nodeType) i = l.nodeValue.split("."), i[1] !== a && "0" !== i[1] || (r = i[0], 
+  }, t.push(d), a.removeAttribute("c-id"), e.$children$ || (e.$children$ = []), e.$children$[d.$index$] = d, 
+  e = d, n && "0" === d.$depth$ && (n[d.$index$] = d.$elm$))), c = a.childNodes.length - 1; c >= 0; c--) clientHydrate(e, t, o, n, s, a.childNodes[c], l);
+  if (a.shadowRoot) for (c = a.shadowRoot.childNodes.length - 1; c >= 0; c--) clientHydrate(e, t, o, n, s, a.shadowRoot.childNodes[c], l);
+ } else if (8 === a.nodeType) i = a.nodeValue.split("."), i[1] !== l && "0" !== i[1] || (r = i[0], 
  d = {
   $flags$: 0,
   $hostId$: i[1],
   $nodeId$: i[2],
   $depth$: i[3],
   $index$: i[4],
-  $elm$: l,
+  $elm$: a,
   $attrs$: null,
   $children$: null,
   $key$: null,
   $name$: null,
   $tag$: null,
   $text$: null
- }, "t" === r ? (d.$elm$ = l.nextSibling, d.$elm$ && 3 === d.$elm$.nodeType && (d.$text$ = d.$elm$.textContent, 
- t.push(d), l.remove(), e.$children$ || (e.$children$ = []), e.$children$[d.$index$] = d, 
- n && "0" === d.$depth$ && (n[d.$index$] = d.$elm$))) : d.$hostId$ === a && ("s" === r ? (d.$tag$ = "slot", 
- i[5] ? l["s-sn"] = d.$name$ = i[5] : l["s-sn"] = "", l["s-sr"] = !0, BUILD.shadowDom && n && (d.$elm$ = doc.createElement(d.$tag$), 
- d.$name$ && d.$elm$.setAttribute("name", d.$name$), l.parentNode.insertBefore(d.$elm$, l), 
- l.remove(), "0" === d.$depth$ && (n[d.$index$] = d.$elm$)), o.push(d), e.$children$ || (e.$children$ = []), 
- e.$children$[d.$index$] = d) : "r" === r && (BUILD.shadowDom && n ? l.remove() : BUILD.slotRelocation && (s["s-cr"] = l, 
- l["s-cn"] = !0)))); else if (e && "style" === e.$tag$) {
-  const t = newVNode(null, l.textContent);
-  t.$elm$ = l, t.$index$ = "0", e.$children$ = [ t ];
+ }, "t" === r ? (d.$elm$ = a.nextSibling, d.$elm$ && 3 === d.$elm$.nodeType && (d.$text$ = d.$elm$.textContent, 
+ t.push(d), a.remove(), e.$children$ || (e.$children$ = []), e.$children$[d.$index$] = d, 
+ n && "0" === d.$depth$ && (n[d.$index$] = d.$elm$))) : d.$hostId$ === l && ("s" === r ? (d.$tag$ = "slot", 
+ i[5] ? a["s-sn"] = d.$name$ = i[5] : a["s-sn"] = "", a["s-sr"] = !0, BUILD.shadowDom && n && (d.$elm$ = doc.createElement(d.$tag$), 
+ d.$name$ && d.$elm$.setAttribute("name", d.$name$), a.parentNode.insertBefore(d.$elm$, a), 
+ a.remove(), "0" === d.$depth$ && (n[d.$index$] = d.$elm$)), o.push(d), e.$children$ || (e.$children$ = []), 
+ e.$children$[d.$index$] = d) : "r" === r && (BUILD.shadowDom && n ? a.remove() : BUILD.slotRelocation && (s["s-cr"] = a, 
+ a["s-cn"] = !0)))); else if (e && "style" === e.$tag$) {
+  const t = newVNode(null, a.textContent);
+  t.$elm$ = a, t.$index$ = "0", e.$children$ = [ t ];
  }
 }, initializeDocumentHydrate = (e, t) => {
  if (1 === e.nodeType) {
@@ -578,21 +592,21 @@ const callRender = (e, t) => {
   "o" === o[0] && (t.set(o[1] + "." + o[2], e), e.nodeValue = "", e["s-en"] = o[3]);
  }
 }, parsePropertyValue = (e, t) => null == e || isComplexType(e) ? e : BUILD.propBoolean && 4 & t ? "false" !== e && ("" === e || !!e) : BUILD.propNumber && 2 & t ? parseFloat(e) : BUILD.propString && 1 & t ? String(e) : e, getValue = (e, t) => getHostRef(e).$instanceValues$.get(t), setValue = (e, t, o, n) => {
- const s = getHostRef(e), l = BUILD.lazyLoad ? s.$hostElement$ : e, a = s.$instanceValues$.get(t), r = s.$flags$, i = BUILD.lazyLoad ? s.$lazyInstance$ : l;
- if (o = parsePropertyValue(o, n.$members$[t][0]), !(BUILD.lazyLoad && 8 & r && void 0 !== a || o === a) && (s.$instanceValues$.set(t, o), 
+ const s = getHostRef(e), a = BUILD.lazyLoad ? s.$hostElement$ : e, l = s.$instanceValues$.get(t), r = s.$flags$, i = BUILD.lazyLoad ? s.$lazyInstance$ : a;
+ if (o = parsePropertyValue(o, n.$members$[t][0]), !(BUILD.lazyLoad && 8 & r && void 0 !== l || o === l) && (s.$instanceValues$.set(t, o), 
  BUILD.isDev && (1024 & s.$flags$ || s.$flags$), !BUILD.lazyLoad || i)) {
   if (BUILD.watchCallback && n.$watchers$ && 128 & r) {
    const e = n.$watchers$[t];
-   e && e.map(e => {
+   e && e.map((e => {
     try {
-     i[e](o, a, t);
+     i[e](o, l, t);
     } catch (e) {
-     consoleError(e);
+     consoleError(e, a);
     }
-   });
+   }));
   }
   if (BUILD.updatable && 2 == (18 & r)) {
-   if (BUILD.cmpShouldUpdate && i.componentShouldUpdate && !1 === i.componentShouldUpdate(o, a, t)) return;
+   if (BUILD.cmpShouldUpdate && i.componentShouldUpdate && !1 === i.componentShouldUpdate(o, l, t)) return;
    scheduleUpdate(s, !1);
   }
  }
@@ -600,13 +614,16 @@ const callRender = (e, t) => {
  if (BUILD.member && t.$members$) {
   BUILD.watchCallback && e.watchers && (t.$watchers$ = e.watchers);
   const n = Object.entries(t.$members$), s = e.prototype;
-  if (n.map(([e, [n]]) => {
+  if (n.map((([e, [n]]) => {
    (BUILD.prop || BUILD.state) && (31 & n || (!BUILD.lazyLoad || 2 & o) && 32 & n) ? Object.defineProperty(s, e, {
     get() {
      return getValue(this, e);
     },
     set(s) {
-     BUILD.isDev && 0 == (1 & o) && 31 == (1055 & n) && consoleDevWarn(`@Prop() "${e}" on "${t.$tagName$}" cannot be modified.\nFurther information: https://rindojs.web.app/docs/properties#prop-mutability`), 
+     if (BUILD.isDev) {
+      const s = getHostRef(this);
+      0 == (1 & o) && 0 == (8 & s.$flags$) && 0 != (31 & n) && 0 == (1024 & n) && consoleDevWarn(`@Prop() "${e}" on <${t.$tagName$}> is immutable but was modified from within the component.\nMore information: https://rindojs.web.app/docs/properties#prop-mutability`);
+     }
      setValue(this, e, s, t);
     },
     configurable: !0,
@@ -614,21 +631,21 @@ const callRender = (e, t) => {
    }) : BUILD.lazyLoad && BUILD.method && 1 & o && 64 & n && Object.defineProperty(s, e, {
     value(...t) {
      const o = getHostRef(this);
-     return o.$onInstancePromise$.then(() => o.$lazyInstance$[e](...t));
+     return o.$onInstancePromise$.then((() => o.$lazyInstance$[e](...t)));
     }
    });
-  }), BUILD.observeAttribute && (!BUILD.lazyLoad || 1 & o)) {
+  })), BUILD.observeAttribute && (!BUILD.lazyLoad || 1 & o)) {
    const o = new Map;
    s.attributeChangedCallback = function(e, t, n) {
-    plt.jmp(() => {
+    plt.jmp((() => {
      const t = o.get(e);
      this[t] = (null !== n || "boolean" != typeof this[t]) && n;
-    });
-   }, e.observedAttributes = n.filter(([e, t]) => 15 & t[0]).map(([e, n]) => {
+    }));
+   }, e.observedAttributes = n.filter((([e, t]) => 15 & t[0])).map((([e, n]) => {
     const s = n[1] || e;
     return o.set(s, e), BUILD.reflect && 512 & n[0] && t.$attrsToReflect$.push([ e, s ]), 
     s;
-   });
+   }));
   }
  }
  return e;
@@ -636,10 +653,10 @@ const callRender = (e, t) => {
  if ((BUILD.lazyLoad || BUILD.hydrateServerSide || BUILD.style) && 0 == (32 & t.$flags$)) {
   if (BUILD.lazyLoad || BUILD.hydrateClientSide) {
    if (t.$flags$ |= 32, (s = loadModule(o)).then) {
-    const e = (l = `st:load:${o.$tagName$}:${t.$modeName$}`, a = `[Rindo] Load module for <${o.$tagName$}>`, 
-    BUILD.profile && performance.mark ? (0 === performance.getEntriesByName(l).length && performance.mark(l), 
+    const e = (a = `st:load:${o.$tagName$}:${t.$modeName$}`, l = `[Rindo] Load module for <${o.$tagName$}>`, 
+    BUILD.profile && performance.mark ? (0 === performance.getEntriesByName(a).length && performance.mark(a), 
     () => {
-     0 === performance.getEntriesByName(a).length && performance.measure(a, l);
+     0 === performance.getEntriesByName(l).length && performance.measure(l, a);
     }) : () => {});
     s = await s, e();
    }
@@ -659,15 +676,15 @@ const callRender = (e, t) => {
   if (BUILD.style && s.style) {
    let n = s.style;
    BUILD.mode && "string" != typeof n && (n = n[t.$modeName$ = computeMode(e)], BUILD.hydrateServerSide && t.$modeName$ && e.setAttribute("s-mode", t.$modeName$));
-   const l = getScopeId(o, t.$modeName$);
-   if (!styles.has(l)) {
+   const a = getScopeId(o, t.$modeName$);
+   if (!styles.has(a)) {
     const e = createTime("registerStyles", o.$tagName$);
-    !BUILD.hydrateServerSide && BUILD.shadowDom && BUILD.shadowDomShim && 8 & o.$flags$ && (n = await import("./shadow-css.js").then(e => e.scopeCss(n, l, !1))), 
-    registerStyle(l, n, o.$flags$), e();
+    !BUILD.hydrateServerSide && BUILD.shadowDom && BUILD.shadowDomShim && 8 & o.$flags$ && (n = await import("./shadow-css.js").then((e => e.scopeCss(n, a, !1)))), 
+    registerStyle(a, n, o.$flags$), e();
    }
   }
  }
- var l, a;
+ var a, l;
  const r = t.$ancestorComponent$, i = () => scheduleUpdate(t, !0);
  BUILD.asyncLoading && r && r["s-rc"] ? r["s-rc"].push(i) : i();
 }, fireConnectedCallback = e => {
@@ -684,15 +701,15 @@ const callRender = (e, t) => {
      e.classList.remove(t + "-h", t + "-s");
     }
     ((e, t, o, n) => {
-     const s = createTime("hydrateClient", t), l = e.shadowRoot, a = [], r = BUILD.shadowDom && l ? [] : null, i = n.$vnode$ = newVNode(t, null);
+     const s = createTime("hydrateClient", t), a = e.shadowRoot, l = [], r = BUILD.shadowDom && a ? [] : null, i = n.$vnode$ = newVNode(t, null);
      plt.$orgLocNodes$ || initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = new Map), 
-     e["s-id"] = o, e.removeAttribute("s-id"), clientHydrate(i, a, [], r, e, e, o), a.map(e => {
+     e["s-id"] = o, e.removeAttribute("s-id"), clientHydrate(i, l, [], r, e, e, o), l.map((e => {
       const o = e.$hostId$ + "." + e.$nodeId$, n = plt.$orgLocNodes$.get(o), s = e.$elm$;
       n && supportsShadow && "" === n["s-en"] && n.parentNode.insertBefore(s, n.nextSibling), 
-      l || (s["s-hn"] = t, n && (s["s-ol"] = n, s["s-ol"]["s-nr"] = s)), plt.$orgLocNodes$.delete(o);
-     }), BUILD.shadowDom && l && r.map(e => {
-      e && l.appendChild(e);
-     }), s();
+      a || (s["s-hn"] = t, n && (s["s-ol"] = n, s["s-ol"]["s-nr"] = s)), plt.$orgLocNodes$.delete(o);
+     })), BUILD.shadowDom && a && r.map((e => {
+      e && a.appendChild(e);
+     })), s();
     })(e, o.$tagName$, n, t);
    }
    if (BUILD.slotRelocation && !n && (BUILD.hydrateServerSide || (BUILD.slot || BUILD.shadowDom) && 12 & o.$flags$) && setContentReference(e), 
@@ -703,12 +720,12 @@ const callRender = (e, t) => {
      break;
     }
    }
-   BUILD.prop && BUILD.lazyLoad && !BUILD.hydrateServerSide && o.$members$ && Object.entries(o.$members$).map(([t, [o]]) => {
+   BUILD.prop && BUILD.lazyLoad && !BUILD.hydrateServerSide && o.$members$ && Object.entries(o.$members$).map((([t, [o]]) => {
     if (31 & o && e.hasOwnProperty(t)) {
      const o = e[t];
      delete e[t], e[t] = o;
     }
-   }), BUILD.initializeNextTick ? nextTick(() => initializeComponent(e, t, o)) : initializeComponent(e, t, o);
+   })), BUILD.initializeNextTick ? nextTick((() => initializeComponent(e, t, o))) : initializeComponent(e, t, o);
   }
   n();
  }
@@ -718,7 +735,7 @@ const callRender = (e, t) => {
 }, disconnectedCallback = e => {
  if (0 == (1 & plt.$flags$)) {
   const t = getHostRef(e), o = BUILD.lazyLoad ? t.$lazyInstance$ : e;
-  BUILD.hostListener && t.$rmListeners$ && (t.$rmListeners$.map(e => e()), t.$rmListeners$ = void 0), 
+  BUILD.hostListener && t.$rmListeners$ && (t.$rmListeners$.map((e => e())), t.$rmListeners$ = void 0), 
   BUILD.cssVarShim && plt.$cssShim$ && plt.$cssShim$.removeHost(e), BUILD.lazyLoad && BUILD.disconnectedCallback && safeCall(o, "disconnectedCallback"), 
   BUILD.cmpDidUnload && safeCall(o, "componentDidUnload");
  }
@@ -748,9 +765,9 @@ const callRender = (e, t) => {
  if (BUILD.style && BUILD.mode && !BUILD.lazyLoad) {
   const t = computeMode(e), o = getHostRef(e);
   if (o.$modeName$ !== t) {
-   const n = o.$cmpMeta$, s = e["s-sc"], l = getScopeId(n, t), a = e.constructor.style[t];
-   n.$flags$, a && (styles.has(l) || registerStyle(l, a), o.$modeName$ = t, e.classList.remove(s + "-h", s + "-s"), 
-   attachStyles(o), forceUpdate(e));
+   const n = o.$cmpMeta$, s = e["s-sc"], a = getScopeId(n, t), l = e.constructor.style[t];
+   n.$flags$, l && (styles.has(a) || registerStyle(a, l), o.$modeName$ = t, e.classList.remove(s + "-h", s + "-s"), 
+   attachStyles(o), forceUpdate$1(e));
   }
  }
 }, attachShadow = e => {
@@ -760,8 +777,8 @@ const callRender = (e, t) => {
  e.cloneNode = function(e) {
   const o = this, n = !!BUILD.shadowDom && o.shadowRoot && supportsShadow, s = t.call(o, !!n && e);
   if (BUILD.slot && !n && e) {
-   let e, t, n = 0, l = [ "s-id", "s-cr", "s-lr", "s-rc", "s-sc", "s-p", "s-cn", "s-sr", "s-sn", "s-hn", "s-ol", "s-nr", "s-si" ];
-   for (;n < o.childNodes.length; n++) e = o.childNodes[n]["s-nr"], t = l.every(e => !o.childNodes[n][e]), 
+   let e, t, n = 0, a = [ "s-id", "s-cr", "s-lr", "s-rc", "s-sc", "s-p", "s-cn", "s-sr", "s-sn", "s-hn", "s-ol", "s-nr", "s-si" ];
+   for (;n < o.childNodes.length; n++) e = o.childNodes[n]["s-nr"], t = a.every((e => !o.childNodes[n][e])), 
    e && (BUILD.appendChildSlotFix && s.__appendChild ? s.__appendChild(e.cloneNode(!0)) : s.appendChild(e.cloneNode(!0))), 
    t && s.appendChild(o.childNodes[n].cloneNode(!0));
   }
@@ -786,7 +803,7 @@ const callRender = (e, t) => {
   const t = e.__lookupGetter__("childNodes");
   Object.defineProperty(e, "children", {
    get() {
-    return this.childNodes.map(e => 1 === e.nodeType);
+    return this.childNodes.map((e => 1 === e.nodeType));
    }
   }), Object.defineProperty(e, "childElementCount", {
    get: () => e.children.length
@@ -864,34 +881,31 @@ const callRender = (e, t) => {
    };
   }
  })();
- const o = createTime("bootstrapLazy"), n = [], s = t.exclude || [], l = win.customElements, a = doc.head, r = a.querySelector("meta[charset]"), i = doc.createElement("style"), d = [], c = doc.querySelectorAll("[sty-id]");
+ const o = createTime("bootstrapLazy"), n = [], s = t.exclude || [], a = win.customElements, l = doc.head, r = l.querySelector("meta[charset]"), i = doc.createElement("style"), d = [], c = doc.querySelectorAll("[sty-id]");
  let $, m = !0, p = 0;
  if (Object.assign(plt, t), plt.$resourcesUrl$ = new URL(t.resourcesUrl || "./", doc.baseURI).href, 
  BUILD.asyncQueue && t.syncQueue && (plt.$flags$ |= 4), BUILD.hydrateClientSide && (plt.$flags$ |= 2), 
  BUILD.hydrateClientSide && BUILD.shadowDom) for (;p < c.length; p++) registerStyle(c[p].getAttribute("sty-id"), c[p].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{"));
- e.map(e => e[1].map(o => {
-  const a = {
+ e.map((e => e[1].map((o => {
+  const l = {
    $flags$: o[0],
    $tagName$: o[1],
    $members$: o[2],
    $listeners$: o[3]
   };
-  BUILD.member && (a.$members$ = o[2]), BUILD.hostListener && (a.$listeners$ = o[3]), 
-  BUILD.reflect && (a.$attrsToReflect$ = []), BUILD.watchCallback && (a.$watchers$ = {}), 
-  BUILD.shadowDom && !supportsShadow && 1 & a.$flags$ && (a.$flags$ |= 8);
-  const r = BUILD.transformTagName && t.transformTagName ? t.transformTagName(a.$tagName$) : a.$tagName$, i = class extends HTMLElement {
+  BUILD.member && (l.$members$ = o[2]), BUILD.hostListener && (l.$listeners$ = o[3]), 
+  BUILD.reflect && (l.$attrsToReflect$ = []), BUILD.watchCallback && (l.$watchers$ = {}), 
+  BUILD.shadowDom && !supportsShadow && 1 & l.$flags$ && (l.$flags$ |= 8);
+  const r = BUILD.transformTagName && t.transformTagName ? t.transformTagName(l.$tagName$) : l.$tagName$, i = class extends HTMLElement {
    constructor(e) {
-    super(e), registerHost(e = this, a), BUILD.shadowDom && 1 & a.$flags$ && (BUILD.hydrateServerSide || "shadowRoot" in e || (e.shadowRoot = e)), 
-    BUILD.slotChildNodesFix && patchChildSlotNodes(e, a);
+    super(e), registerHost(e = this, l), BUILD.shadowDom && 1 & l.$flags$ && (BUILD.hydrateServerSide || "shadowRoot" in e || (e.shadowRoot = e)), 
+    BUILD.slotChildNodesFix && patchChildSlotNodes(e, l);
    }
    connectedCallback() {
-    $ && (clearTimeout($), $ = null), m ? d.push(this) : plt.jmp(() => connectedCallback(this));
+    $ && (clearTimeout($), $ = null), m ? d.push(this) : plt.jmp((() => connectedCallback(this)));
    }
    disconnectedCallback() {
-    plt.jmp(() => disconnectedCallback(this));
-   }
-   forceUpdate() {
-    BUILD.isDev, forceUpdate(this);
+    plt.jmp((() => disconnectedCallback(this)));
    }
    componentOnReady() {
     return getHostRef(this).$onReadyPromise$;
@@ -904,11 +918,11 @@ const callRender = (e, t) => {
     n.$flags$ = 1, e["s-hmr-load"] = () => {
      delete e["s-hmr-load"];
     }, initializeComponent(e, n, t);
-   })(this, a);
-  }), a.$lazyBundleId$ = e[0], s.includes(r) || l.get(r) || (n.push(r), l.define(r, proxyComponent(i, a, 1)));
- })), (BUILD.hydratedClass || BUILD.hydratedAttribute) && (i.innerHTML = n + "{visibility:hidden}.hydrated{visibility:inherit}", 
- i.setAttribute("data-styles", ""), a.insertBefore(i, r ? r.nextSibling : a.firstChild)), 
- m = !1, d.length ? d.map(e => e.connectedCallback()) : BUILD.profile ? plt.jmp(() => $ = setTimeout(appDidLoad, 30, "timeout")) : plt.jmp(() => $ = setTimeout(appDidLoad, 30)), 
+   })(this, l);
+  }), l.$lazyBundleId$ = e[0], s.includes(r) || a.get(r) || (n.push(r), a.define(r, proxyComponent(i, l, 1)));
+ })))), (BUILD.hydratedClass || BUILD.hydratedAttribute) && (i.innerHTML = n + "{visibility:hidden}.hydrated{visibility:inherit}", 
+ i.setAttribute("data-styles", ""), l.insertBefore(i, r ? r.nextSibling : l.firstChild)), 
+ m = !1, d.length ? d.map((e => e.connectedCallback())) : BUILD.profile ? plt.jmp((() => $ = setTimeout(appDidLoad, 30, "timeout"))) : plt.jmp((() => $ = setTimeout(appDidLoad, 30))), 
  o();
 }, getAssetPath = e => {
  const t = new URL(e, plt.$resourcesUrl$);
@@ -919,7 +933,7 @@ const callRender = (e, t) => {
   return e || (e = doc.createElement(t), doc.body.appendChild(e)), "function" == typeof e.componentOnReady ? e.componentOnReady() : Promise.resolve(e);
  };
  return {
-  create: (...e) => o().then(t => t.create(...e)),
+  create: (...e) => o().then((t => t.create(...e))),
   componentOnReady: o
  };
 }, getContext = (e, t) => t in Context ? Context[t] : "window" === t ? win : "document" === t ? doc : "isServer" === t || "isPrerender" === t ? !!BUILD.hydrateServerSide : "isClient" === t ? !BUILD.hydrateServerSide : "resourcesUrl" === t || "publicPath" === t ? getAssetPath(".") : "queue" === t ? {
@@ -935,24 +949,24 @@ const callRender = (e, t) => {
    rootLevelIds: 0,
    staticComponents: new Set(t)
   }, n = [];
-  parseVNodeAnnotations(e, e.body, o, n), n.forEach(t => {
+  parseVNodeAnnotations(e, e.body, o, n), n.forEach((t => {
    if (null != t) {
     const n = t["s-nr"];
-    let s = n["s-host-id"], l = n["s-node-id"], a = `${s}.${l}`;
-    if (null == s) if (s = 0, o.rootLevelIds++, l = o.rootLevelIds, a = `${s}.${l}`, 
-    1 === n.nodeType) n.setAttribute("c-id", a); else if (3 === n.nodeType) {
+    let s = n["s-host-id"], a = n["s-node-id"], l = `${s}.${a}`;
+    if (null == s) if (s = 0, o.rootLevelIds++, a = o.rootLevelIds, l = `${s}.${a}`, 
+    1 === n.nodeType) n.setAttribute("c-id", l); else if (3 === n.nodeType) {
      if (0 === s && "" === n.nodeValue.trim()) return void t.remove();
-     const o = e.createComment(a);
-     o.nodeValue = "t." + a, n.parentNode.insertBefore(o, n);
+     const o = e.createComment(l);
+     o.nodeValue = `t.${l}`, n.parentNode.insertBefore(o, n);
     }
-    let r = "o." + a;
+    let r = `o.${l}`;
     const i = t.parentElement;
     i && ("" === i["s-en"] ? r += "." : "c" === i["s-en"] && (r += ".c")), t.nodeValue = r;
    }
-  });
+  }));
  }
 }, parseVNodeAnnotations = (e, t, o, n) => {
- null != t && (null != t["s-nr"] && n.push(t), 1 === t.nodeType && t.childNodes.forEach(t => {
+ null != t && (null != t["s-nr"] && n.push(t), 1 === t.nodeType && t.childNodes.forEach((t => {
   const s = getHostRef(t);
   if (null != s && !o.staticComponents.has(t.nodeName.toLowerCase())) {
    const n = {
@@ -961,21 +975,21 @@ const callRender = (e, t) => {
    insertVNodeAnnotations(e, t, s.$vnode$, o, n);
   }
   parseVNodeAnnotations(e, t, o, n);
- }));
+ })));
 }, insertVNodeAnnotations = (e, t, o, n, s) => {
  if (null != o) {
-  const l = ++n.hostIds;
-  if (t.setAttribute("s-id", l), null != t["s-cr"] && (t["s-cr"].nodeValue = "r." + l), 
+  const a = ++n.hostIds;
+  if (t.setAttribute("s-id", a), null != t["s-cr"] && (t["s-cr"].nodeValue = `r.${a}`), 
   null != o.$children$) {
    const t = 0;
-   o.$children$.forEach((o, n) => {
-    insertChildVNodeAnnotations(e, o, s, l, t, n);
-   });
+   o.$children$.forEach(((o, n) => {
+    insertChildVNodeAnnotations(e, o, s, a, t, n);
+   }));
   }
   if (t && o && o.$elm$ && !t.hasAttribute("c-id")) {
    const e = t.parentElement;
    if (e && e.childNodes) {
-    const n = Array.from(e.childNodes), s = n.find(e => 8 === e.nodeType && e["s-sr"]);
+    const n = Array.from(e.childNodes), s = n.find((e => 8 === e.nodeType && e["s-sr"]));
     if (s) {
      const e = n.indexOf(t) - 1;
      o.$elm$.setAttribute("c-id", `${s["s-host-id"]}.${s["s-node-id"]}.0.${e}`);
@@ -983,27 +997,37 @@ const callRender = (e, t) => {
    }
   }
  }
-}, insertChildVNodeAnnotations = (e, t, o, n, s, l) => {
- const a = t.$elm$;
- if (null == a) return;
- const r = o.nodeIds++, i = `${n}.${r}.${s}.${l}`;
- if (a["s-host-id"] = n, a["s-node-id"] = r, 1 === a.nodeType) a.setAttribute("c-id", i); else if (3 === a.nodeType) {
-  const t = a.parentNode;
-  if ("STYLE" !== t.nodeName) {
-   const o = "t." + i, n = e.createComment(o);
-   t.insertBefore(n, a);
+}, insertChildVNodeAnnotations = (e, t, o, n, s, a) => {
+ const l = t.$elm$;
+ if (null == l) return;
+ const r = o.nodeIds++, i = `${n}.${r}.${s}.${a}`;
+ if (l["s-host-id"] = n, l["s-node-id"] = r, 1 === l.nodeType) l.setAttribute("c-id", i); else if (3 === l.nodeType) {
+  const t = l.parentNode, o = t.nodeName;
+  if ("STYLE" !== o && "SCRIPT" !== o) {
+   const o = `t.${i}`, n = e.createComment(o);
+   t.insertBefore(n, l);
   }
- } else if (8 === a.nodeType && a["s-sr"]) {
-  const e = `s.${i}.${a["s-sn"] || ""}`;
-  a.nodeValue = e;
+ } else if (8 === l.nodeType && l["s-sr"]) {
+  const e = `s.${i}.${l["s-sn"] || ""}`;
+  l.nodeValue = e;
  }
  if (null != t.$children$) {
-  const l = s + 1;
-  t.$children$.forEach((t, s) => {
-   insertChildVNodeAnnotations(e, t, o, n, l, s);
-  });
+  const a = s + 1;
+  t.$children$.forEach(((t, s) => {
+   insertChildVNodeAnnotations(e, t, o, n, a, s);
+  }));
+ }
+}, Fragment = (e, t) => t, NO_HYDRATE_TAGS = new Set([ "CODE", "HEAD", "IFRAME", "INPUT", "OBJECT", "OUTPUT", "NOSCRIPT", "PRE", "SCRIPT", "SELECT", "STYLE", "TEMPLATE", "TEXTAREA" ]), hAsync = (e, t, ...o) => {
+ if (Array.isArray(o) && o.length > 0) {
+  const n = o.flat(1 / 0);
+  return n.some(isPromise) ? Promise.all(n).then((o => h(e, t, ...o))).catch((o => h(e, t))) : h(e, t, ...o);
  }
-}, NO_HYDRATE_TAGS = new Set([ "CODE", "HEAD", "IFRAME", "INPUT", "OBJECT", "OUTPUT", "NOSCRIPT", "PRE", "SCRIPT", "SELECT", "STYLE", "TEMPLATE", "TEXTAREA" ]), cmpModules = new Map, getModule = e => {
+ return h(e, t);
+};
+
+let customError;
+
+const cmpModules = new Map, getModule = e => {
  if ("string" == typeof e) {
   e = e.toLowerCase();
   const t = cmpModules.get(e);
@@ -1028,24 +1052,24 @@ const callRender = (e, t) => {
   });
  }
 }, win = window, doc = win.document, readTask = e => {
- process.nextTick(() => {
+ process.nextTick((() => {
   try {
    e();
   } catch (e) {
    consoleError(e);
   }
- });
+ }));
 }, writeTask = e => {
- process.nextTick(() => {
+ process.nextTick((() => {
   try {
    e();
   } catch (e) {
    consoleError(e);
   }
- });
-}, resolved = Promise.resolve(), nextTick = e => resolved.then(e), consoleError = e => {
+ }));
+}, resolved = Promise.resolve(), nextTick = e => resolved.then(e), defaultConsoleError = e => {
  null != e && console.error(e.stack || e.message || e);
-}, consoleDevError = (...e) => {}, consoleDevWarn = (...e) => {}, consoleDevInfo = (...e) => {}, Context = {}, plt = {
+}, consoleError = (e, t) => (customError || defaultConsoleError)(e, t), consoleDevError = (...e) => {}, consoleDevWarn = (...e) => {}, consoleDevInfo = (...e) => {}, setErrorHandler = e => customError = e, Context = {}, plt = {
  $flags$: 0,
  $resourcesUrl$: "",
  jmp: e => e(),
@@ -1061,7 +1085,7 @@ const callRender = (e, t) => {
   $instanceValues$: new Map,
   $renderCount$: 0
  };
- return o.$onInstancePromise$ = new Promise(e => o.$onInstanceResolve$ = e), o.$onReadyPromise$ = new Promise(e => o.$onReadyResolve$ = e), 
+ return o.$onInstancePromise$ = new Promise((e => o.$onInstanceResolve$ = e)), o.$onReadyPromise$ = new Promise((e => o.$onReadyResolve$ = e)), 
  e["s-p"] = [], e["s-rc"] = [], addHostEventListeners(e, o, t.$listeners$, !1), hostRefs.set(e, o);
 }, Build = {
  isDev: !1,
@@ -1070,4 +1094,4 @@ const callRender = (e, t) => {
  isTesting: !1
 }, styles = new Map, modeResolutionChain = [];
 
-export { Build, Context, Host, addHostEventListeners, attachShadow, bootstrapLazy, cmpModules, connectedCallback, consoleDevError, consoleDevInfo, consoleDevWarn, consoleError, createEvent, defineCustomElement, disconnectedCallback, doc, forceModeUpdate, forceUpdate, getAssetPath, getConnect, getContext, getElement, getHostRef, getMode, getRenderingRef, getValue, h, hydrateApp, insertVdomAnnotations, isMemberInElement, loadModule, modeResolutionChain, nextTick, parsePropertyValue, plt, postUpdateComponent, proxyComponent, proxyCustomElement, readTask, registerComponents, registerHost, registerInstance, renderVdom, setAssetPath, setMode, setValue, styles, supportsConstructibleStylesheets, supportsListenerOptions, supportsShadow, win, writeTask };
+export { Build, Context, Fragment, Host, addHostEventListeners, attachShadow, bootstrapLazy, cmpModules, connectedCallback, consoleDevError, consoleDevInfo, consoleDevWarn, consoleError, createEvent, defineCustomElement, disconnectedCallback, doc, forceModeUpdate, forceUpdate$1 as forceUpdate, getAssetPath, getConnect, getContext, getElement, getHostRef, getMode, getRenderingRef, getValue, hAsync as h, hydrateApp, insertVdomAnnotations, isMemberInElement, loadModule, modeResolutionChain, nextTick, parsePropertyValue, plt, postUpdateComponent, proxyComponent, proxyCustomElement, readTask, registerComponents, registerHost, registerInstance, renderVdom, setAssetPath, setErrorHandler, setMode, setValue, styles, supportsConstructibleStylesheets, supportsListenerOptions, supportsShadow, win, writeTask };