@roadtrip/components 3.12.0 → 3.12.1

package/hydrate/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v4.7.2 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v3.4.2 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -1623,14 +1623,6 @@ class MockNodeList {
   }
 }
 class MockElement extends MockNode {
-  attachInternals() {
-    return new Proxy({}, {
-      get: function (_target, prop, _receiver) {
-        console.error(`NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
-Testing components with ElementInternals is fully supported in e2e tests.`);
-      },
-    });
-  }
   constructor(ownerDocument, nodeName) {
     super(ownerDocument, 1 /* NODE_TYPES.ELEMENT_NODE */, typeof nodeName === 'string' ? nodeName : null, null);
     this.namespaceURI = null;
@@ -4010,11 +4002,9 @@ class MockWindow {
     return {
       media,
       matches: false,
-      addListener: (_handler) => { },
-      removeListener: (_handler) => { },
-      addEventListener: (_type, _handler) => { },
-      removeEventListener: (_type, _handler) => { },
-      dispatchEvent: (_ev) => { },
+      addEventListener,
+      dispatchEvent,
+      removeEventListener,
       onchange: null,
     };
   }
@@ -4958,7 +4948,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'roadtrip';
-const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: false, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 function queryNonceMetaTagContent(e) {
  var t, o, n;
@@ -4973,8 +4963,8 @@ function forceUpdate() {}
 
 function hydrateApp(e, t, o, n, s) {
  function l() {
-  if (global.clearTimeout(p), i.clear(), r.clear(), !h) {
-   h = !0;
+  if (global.clearTimeout(p), i.clear(), r.clear(), !u) {
+   u = !0;
    try {
     t.clientHydrateAnnotations && insertVdomAnnotations(e.document, t.staticComponents), 
     e.dispatchEvent(new e.Event("DOMContentLoaded")), e.document.createElement = c, 
@@ -4989,10 +4979,10 @@ function hydrateApp(e, t, o, n, s) {
   renderCatchError(t, o, e), l();
  }
  const r = new Set, i = new Set, d = new Set, c = e.document.createElement, $ = e.document.createElementNS, m = Promise.resolve();
- let p, h = !1;
+ let p, u = !1;
  try {
-  function u() {
-   return L(this);
+  function h() {
+   return g(this);
   }
   function f(e) {
    if (isValidComponent(e, t) && !getHostRef(e)) {
@@ -5000,7 +4990,7 @@ function hydrateApp(e, t, o, n, s) {
      $tagName$: e.nodeName.toLowerCase(),
      $flags$: null
     });
-    null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = u, registerHost(e, t.cmpMeta), 
+    null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = h, registerHost(e, t.cmpMeta), 
     function o(e, t) {
      if ("function" != typeof e.componentOnReady && (e.componentOnReady = componentOnReady), 
      "function" != typeof e.forceUpdate && (e.forceUpdate = forceUpdate), 1 & t.$flags$ && (e.shadowRoot = e), 
@@ -5036,14 +5026,7 @@ function hydrateApp(e, t, o, n, s) {
     }(e, t.cmpMeta));
    }
   }
-  function g(e) {
-   if (null != e && 1 === e.nodeType) {
-    f(e);
-    const t = e.children;
-    for (let e = 0, o = t.length; e < o; e++) g(t[e]);
-   }
-  }
-  function L(n) {
+  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, l) {
     o = o.toLowerCase();
@@ -5069,24 +5052,29 @@ function hydrateApp(e, t, o, n, s) {
     }
    }(e, o, n.nodeName, n, d)) : m;
   }
-  function y() {
-   const e = Array.from(i).filter((e => e.parentElement));
-   return e.length > 0 ? Promise.all(e.map(L)).then(y) : m;
-  }
   e.document.createElement = function t(o) {
    const n = c.call(e.document, o);
    return f(n), n;
   }, e.document.createElementNS = function t(o, n) {
    const s = $.call(e.document, o, n);
    return f(s), s;
-  }, p = global.setTimeout((function I() {
+  }, p = global.setTimeout((function L() {
    a(`Hydrate exceeded timeout${function e(t) {
     return Array.from(t).map(waitingOnElementMsg);
    }(d)}`);
   }), t.timeout), plt.$resourcesUrl$ = new URL(t.resourcesUrl || "./", doc.baseURI).href, 
-  g(e.document.body), y().then(l).catch(a);
- } catch (D) {
-  a(D);
+  function e(t) {
+   if (null != t && 1 === t.nodeType) {
+    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(g)).then(e) : m;
+  }().then(l).catch(a);
+ } catch (y) {
+  a(y);
  }
 }
 
@@ -5112,8 +5100,8 @@ function renderCatchError(e, t, o) {
   type: "build",
   header: "Hydrate Error",
   messageText: "",
-  relFilePath: void 0,
-  absFilePath: void 0,
+  relFilePath: null,
+  absFilePath: null,
   lines: []
  };
  if (e.url) try {
@@ -5149,7 +5137,7 @@ function waitingOnElementMsg(e) {
 
 const createTime = (e, t = "") => {
  return () => {};
-}, SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}", XLINK_NS = "http://www.w3.org/1999/xlink", 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) => {
+}, XLINK_NS = "http://www.w3.org/1999/xlink", 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, l = null, a = !1, r = !1;
  const i = [], 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  , 
@@ -5263,23 +5251,24 @@ const createTime = (e, t = "") => {
 }, rootAppliedStyles = new WeakMap, registerStyle = (e, t, o) => {
  let n = styles$1.get(e);
  n = t, styles$1.set(e, n);
-}, addStyle = (e, t, o) => {
- var n;
- const s = getScopeId(t), l = styles$1.get(s);
- if (e = 11 === e.nodeType ? e : doc, l) if ("string" == typeof l) {
+}, addStyle = (e, t, o, n) => {
+ var s;
+ let l = getScopeId(t);
+ const a = styles$1.get(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 (e.host && (o = e.querySelector(`[sty-id="${s}"]`))) o.innerHTML = l; else {
-    o = doc.createElement("style"), o.innerHTML = l;
-    const t = null !== (n = plt.$nonce$) && void 0 !== n ? n : queryNonceMetaTagContent(doc);
-    null != t && o.setAttribute("nonce", t), o.setAttribute("sty-id", s), 
+  let o, r = rootAppliedStyles.get(e);
+  if (r || rootAppliedStyles.set(e, r = new Set), !r.has(l)) {
+   if (e.host && (o = e.querySelector(`[sty-id="${l}"]`))) o.innerHTML = a; else {
+    o = doc.createElement("style"), o.innerHTML = a;
+    const i = null !== (s = plt.$nonce$) && void 0 !== s ? s : queryNonceMetaTagContent(doc);
+    null != i && o.setAttribute("nonce", i), o.setAttribute("sty-id", l), 
     e.insertBefore(o, e.querySelector("link"));
    }
-   4 & t.$flags$ && (o.innerHTML += SLOT_FB_CSS), a && a.add(s);
+   r && r.add(l);
   }
  }
- return s;
+ return l;
 }, attachStyles = e => {
  const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), l = addStyle(o.getRootNode(), t);
  10 & n && (o["s-sc"] = l, 
@@ -5307,13 +5296,10 @@ const createTime = (e, t = "") => {
     r !== (r = r.replace(/^xlink\:?/, "")) && (t = r, d = !0), null == n || !1 === n ? !1 === n && "" !== e.getAttribute(t) || (d ? e.removeAttributeNS(XLINK_NS, t) : e.removeAttribute(t)) : (!a || 4 & l || s) && !i && (n = !0 === n ? "" : n, 
     d ? e.setAttributeNS(XLINK_NS, t, n) : e.setAttribute(t, n));
    }
-  } else if (t = "-" === t[2] ? t.slice(3) : isMemberInElement(win, r) ? r.slice(2) : r[2] + t.slice(3), 
-  o || n) {
-   const s = t.endsWith(CAPTURE_EVENT_SUFFIX);
-   t = t.replace(CAPTURE_EVENT_REGEX, ""), o && plt.rel(e, t, o, s), n && plt.ael(e, t, n, s);
-  }
+  } 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) : [], CAPTURE_EVENT_SUFFIX = "Capture", CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$"), updateElement = (e, t, o, n) => {
+}, 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;
  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$);
@@ -5322,31 +5308,28 @@ const createTime = (e, t = "") => {
 let scopeId, contentRef, hostTagName, useNativeShadowDom = !1, checkSlotFallbackVisibility = !1, checkSlotRelocate = !1, isSvgMode = !1;
 
 const createElm = (e, t, o, n) => {
- var s;
- const l = t.$children$[o];
- let a, r, i, d = 0;
- if (!useNativeShadowDom && (checkSlotRelocate = !0, "slot" === l.$tag$ && (scopeId && n.classList.add(scopeId + "-s"), 
- l.$flags$ |= l.$children$ ? 2 : 1)), null !== l.$text$) a = l.$elm$ = doc.createTextNode(l.$text$); else if (1 & l.$flags$) a = l.$elm$ = slotReferenceDebugNode(l) ; else {
-  if (!isSvgMode && (isSvgMode = "svg" === l.$tag$), a = l.$elm$ = doc.createElementNS(isSvgMode ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml", 2 & l.$flags$ ? "slot-fb" : l.$tag$) , 
-  isSvgMode && "foreignObject" === l.$tag$ && (isSvgMode = !1), updateElement(null, l, isSvgMode), 
-  null != scopeId && a["s-si"] !== scopeId && a.classList.add(a["s-si"] = scopeId), 
-  l.$children$) for (d = 0; d < l.$children$.length; ++d) r = createElm(e, l, d, a), 
-  r && a.appendChild(r);
-  ("svg" === l.$tag$ ? isSvgMode = !1 : "foreignObject" === a.tagName && (isSvgMode = !0));
+ const s = t.$children$[o];
+ let l, a, r, i = 0;
+ if (!useNativeShadowDom && (checkSlotRelocate = !0, "slot" === s.$tag$ && (scopeId && n.classList.add(scopeId + "-s"), 
+ s.$flags$ |= s.$children$ ? 2 : 1)), null !== s.$text$) l = s.$elm$ = doc.createTextNode(s.$text$); else if (1 & s.$flags$) l = s.$elm$ = slotReferenceDebugNode(s) ; else {
+  if (!isSvgMode && (isSvgMode = "svg" === s.$tag$), l = s.$elm$ = doc.createElementNS(isSvgMode ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml", 2 & s.$flags$ ? "slot-fb" : s.$tag$) , 
+  isSvgMode && "foreignObject" === s.$tag$ && (isSvgMode = !1), updateElement(null, s, isSvgMode), 
+  null != scopeId && l["s-si"] !== scopeId && l.classList.add(l["s-si"] = scopeId), 
+  s.$children$) for (i = 0; i < s.$children$.length; ++i) a = createElm(e, s, i, l), 
+  a && l.appendChild(a);
+  ("svg" === s.$tag$ ? isSvgMode = !1 : "foreignObject" === l.tagName && (isSvgMode = !0));
  }
- return (a["s-hn"] = hostTagName, 3 & l.$flags$ && (a["s-sr"] = !0, 
- a["s-fs"] = null === (s = l.$attrs$) || void 0 === s ? void 0 : s.slot, a["s-cr"] = contentRef, 
- a["s-sn"] = l.$name$ || "", i = e && e.$children$ && e.$children$[o], i && i.$tag$ === l.$tag$ && e.$elm$ && putBackInOriginalLocation(e.$elm$, !1))), 
- a;
+ return (l["s-hn"] = hostTagName, 3 & s.$flags$ && (l["s-sr"] = !0, 
+ l["s-cr"] = contentRef, l["s-sn"] = s.$name$ || "", r = e && e.$children$ && e.$children$[o], 
+ r && r.$tag$ === s.$tag$ && e.$elm$ && putBackInOriginalLocation(e.$elm$, !1))), 
+ l;
 }, putBackInOriginalLocation = (e, t) => {
- var o;
  plt.$flags$ |= 1;
- const n = e.childNodes;
- for (let e = n.length - 1; e >= 0; e--) {
-  const s = n[e];
-  s["s-hn"] !== hostTagName && s["s-ol"] && (parentReferenceNode(s).insertBefore(s, referenceNode(s)), 
-  s["s-ol"].remove(), s["s-ol"] = void 0, s["s-sh"] = void 0, 1 === s.nodeType && s.setAttribute("slot", null !== (o = s["s-sn"]) && void 0 !== o ? o : ""), 
-  checkSlotRelocate = !0), t && putBackInOriginalLocation(s, t);
+ const o = e.childNodes;
+ for (let e = o.length - 1; e >= 0; e--) {
+  const n = o[e];
+  n["s-hn"] !== hostTagName && n["s-ol"] && (parentReferenceNode(n).insertBefore(n, referenceNode(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) => {
@@ -5368,17 +5351,17 @@ const createElm = (e, t, o, n) => {
  null !== a ? (r = o["s-cr"]) ? r.parentNode.textContent = a : e.$text$ !== a && (o.data = a) : ((isSvgMode = "svg" === l || "foreignObject" !== l && isSvgMode), 
  ("slot" === l || updateElement(e, t, isSvgMode)), 
  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)) "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)) "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$) {
+  let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, u = n[0], h = n[p];
+  for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null == u) u = n[++r]; else if (null == h) h = n[--p]; else if (isSameVnode($, u)) patch($, u), 
+  $ = t[++a], u = n[++r]; else if (isSameVnode(m, h)) patch(m, h), m = t[--c], h = n[--p]; else if (isSameVnode($, h)) "slot" !== $.$tag$ && "slot" !== h.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
+  patch($, h), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++a], h = n[--p]; else if (isSameVnode(m, u)) "slot" !== $.$tag$ && "slot" !== h.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
+  patch(m, u), e.insertBefore(m.$elm$, $.$elm$), m = t[--c], u = n[++r]; else {
+   if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === u.$key$) {
     i = d;
     break;
    }
-   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]), 
+   i >= 0 ? (l = t[i], l.$tag$ !== u.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(l, u), 
+   t[i] = void 0, s = l.$elm$), u = n[++r]) : (s = createElm(t && t[r], o, r, e), u = n[++r]), 
    s && (parentReferenceNode($.$elm$).insertBefore(s, referenceNode($.$elm$)) );
   }
   a > c ? addVnodes(e, null == n[p + 1] ? null : n[p + 1].$elm$, o, n, r, p) : r > p && removeVnodes(t, a, c);
@@ -5387,87 +5370,66 @@ const createElm = (e, t, o, n) => {
  isSvgMode && "svg" === l && (isSvgMode = !1));
 }, updateFallbackSlotVisibility = e => {
  const t = e.childNodes;
- for (const e of t) if (1 === e.nodeType) {
-  if (e["s-sr"]) {
-   const o = e["s-sn"];
-   e.hidden = !1;
-   for (const n of t) if (n !== e) if (n["s-hn"] !== e["s-hn"] || "" !== o) {
-    if (1 === n.nodeType && (o === n.getAttribute("slot") || o === n["s-sn"])) {
-     e.hidden = !0;
-     break;
-    }
-   } else if (1 === n.nodeType || 3 === n.nodeType && "" !== n.textContent.trim()) {
-    e.hidden = !0;
+ let o, n, s, l, a, r;
+ for (n = 0, s = t.length; n < s; n++) if (o = t[n], 1 === o.nodeType) {
+  if (o["s-sr"]) for (a = o["s-sn"], o.hidden = !1, l = 0; l < s; l++) if (r = t[l].nodeType, 
+  t[l]["s-hn"] !== o["s-hn"] || "" !== a) {
+   if (1 === r && a === t[l].getAttribute("slot")) {
+    o.hidden = !0;
     break;
    }
+  } else if (1 === r || 3 === r && "" !== t[l].textContent.trim()) {
+   o.hidden = !0;
+   break;
   }
-  updateFallbackSlotVisibility(e);
+  updateFallbackSlotVisibility(o);
  }
-}, relocateNodes = [], markSlotContentForRelocation = e => {
- let t, o, n;
- for (const s of e.childNodes) {
-  if (s["s-sr"] && (t = s["s-cr"]) && t.parentNode) {
-   o = t.parentNode.childNodes;
-   const e = s["s-sn"];
-   for (n = o.length - 1; n >= 0; n--) if (t = o[n], !(t["s-cn"] || t["s-nr"] || t["s-hn"] === s["s-hn"] || BUILD.experimentalSlotFixes  )) if (isNodeLocatedInSlot(t, e)) {
-    let o = relocateNodes.find((e => e.$nodeToRelocate$ === t));
-    checkSlotFallbackVisibility = !0, t["s-sn"] = t["s-sn"] || e, o ? (o.$nodeToRelocate$["s-sh"] = s["s-hn"], 
-    o.$slotRefNode$ = s) : (t["s-sh"] = s["s-hn"], relocateNodes.push({
-     $slotRefNode$: s,
-     $nodeToRelocate$: t
-    })), t["s-sr"] && relocateNodes.map((e => {
-     isNodeLocatedInSlot(e.$nodeToRelocate$, t["s-sn"]) && (o = relocateNodes.find((e => e.$nodeToRelocate$ === t)), 
-     o && !e.$slotRefNode$ && (e.$slotRefNode$ = o.$slotRefNode$));
-    }));
-   } else relocateNodes.some((e => e.$nodeToRelocate$ === t)) || relocateNodes.push({
-    $nodeToRelocate$: t
-   });
-  }
-  1 === s.nodeType && markSlotContentForRelocation(s);
+}, relocateNodes = [], relocateSlotContent = e => {
+ let t, o, n, s, l, a, r = 0;
+ const i = e.childNodes, d = i.length;
+ for (;r < d; r++) {
+  if (t = i[r], t["s-sr"] && (o = t["s-cr"]) && o.parentNode) 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({
+   $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({
+   $nodeToRelocate$: o
+  }));
+  1 === t.nodeType && relocateSlotContent(t);
  }
 }, isNodeLocatedInSlot = (e, t) => 1 === e.nodeType ? null === e.getAttribute("slot") && "" === t || e.getAttribute("slot") === t : e["s-sn"] === t || "" === t, nullifyVNodeRefs = e => {
  (e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(nullifyVNodeRefs));
-}, renderVdom = (e, t, o = !1) => {
- var n, s;
- const l = e.$hostElement$, a = e.$cmpMeta$, r = e.$vnode$ || newVNode(null, null), i = isHost(t) ? t : h(null, null, t);
- if (hostTagName = l.tagName, BUILD.isDev  ) ;
- if (a.$attrsToReflect$ && (i.$attrs$ = i.$attrs$ || {}, a.$attrsToReflect$.map((([e, t]) => i.$attrs$[t] = l[e]))), 
- o && i.$attrs$) for (const e of Object.keys(i.$attrs$)) l.hasAttribute(e) && ![ "key", "ref", "style", "class" ].includes(e) && (i.$attrs$[e] = l[e]);
- if (i.$tag$ = null, i.$flags$ |= 4, e.$vnode$ = i, i.$elm$ = r.$elm$ = l.shadowRoot || l, 
- (scopeId = l["s-sc"]), (contentRef = l["s-cr"], 
- useNativeShadowDom = supportsShadow, checkSlotFallbackVisibility = !1), patch(r, i), 
+}, renderVdom = (e, t) => {
+ const o = e.$hostElement$, n = e.$cmpMeta$, s = e.$vnode$ || newVNode(null, null), l = isHost(t) ? t : h(null, null, t);
+ if (hostTagName = o.tagName, BUILD.isDev  ) ;
+ if (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$ = o.shadowRoot || o, 
+ (scopeId = o["s-sc"]), (contentRef = o["s-cr"], 
+ useNativeShadowDom = supportsShadow, checkSlotFallbackVisibility = !1), patch(s, l), 
  BUILD.slotRelocation) {
   if (plt.$flags$ |= 1, checkSlotRelocate) {
-   markSlotContentForRelocation(i.$elm$);
-   for (const e of relocateNodes) {
-    const t = e.$nodeToRelocate$;
-    if (!t["s-ol"]) {
-     const e = originalLocationDebugNode(t) ;
-     e["s-nr"] = t, t.parentNode.insertBefore(t["s-ol"] = e, t);
+   let e, t, o, n, s, a;
+   relocateSlotContent(l.$elm$);
+   let r = 0;
+   for (;r < relocateNodes.length; r++) e = relocateNodes[r], t = e.$nodeToRelocate$, 
+   t["s-ol"] || (o = originalLocationDebugNode(t) , 
+   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;
+     break;
     }
-   }
-   for (const e of relocateNodes) {
-    const t = e.$nodeToRelocate$, o = e.$slotRefNode$;
-    if (o) {
-     const e = o.parentNode;
-     let l = o.nextSibling;
-     {
-      let o = null === (n = t["s-ol"]) || void 0 === n ? void 0 : n.previousSibling;
-      for (;o; ) {
-       let n = null !== (s = o["s-nr"]) && void 0 !== s ? s : null;
-       if (n && n["s-sn"] === t["s-sn"] && e === n.parentNode && (n = n.nextSibling, !n || !n["s-nr"])) {
-        l = n;
-        break;
-       }
-       o = o.previousSibling;
-      }
-     }
-     (!l && e !== t.parentNode || t.nextSibling !== l) && t !== l && (!t["s-hn"] && t["s-ol"] && (t["s-hn"] = t["s-ol"].parentNode.nodeName), 
-     e.insertBefore(t, l));
-    } else 1 === t.nodeType && (t.hidden = !0);
-   }
+    (!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(i.$elm$), plt.$flags$ &= -2, 
+  checkSlotFallbackVisibility && updateFallbackSlotVisibility(l.$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}]`)), attachToAncestor = (e, t) => {
@@ -5488,7 +5450,7 @@ const createElm = (e, t, o, n) => {
  const s = e.$hostElement$, l = createTime("update", e.$cmpMeta$.$tagName$), a = s["s-rc"];
  o && attachStyles(e);
  const r = createTime("render", e.$cmpMeta$.$tagName$);
- if (await callRender(e, t, s, o) , 
+ if (await callRender(e, t) , 
  BUILD.hydrateServerSide) try {
   serverSideConnected(s), o && (1 & e.$cmpMeta$.$flags$ ? s["s-en"] = "" : 2 & e.$cmpMeta$.$flags$ && (s["s-en"] = "c"));
  } catch (e) {
@@ -5501,11 +5463,11 @@ const createElm = (e, t, o, n) => {
  }
 };
 
-const callRender = (e, t, o, n) => {
+const callRender = (e, t, o) => {
  try {
   if (t = t.render(), (e.$flags$ &= -17), 
   (e.$flags$ |= 2), BUILD.hasRenderFn ) {
-   return Promise.resolve(t).then((t => renderVdom(e, t, n)));
+   return Promise.resolve(t).then((t => renderVdom(e, t)));
   }
  } catch (t) {
   consoleError(t, e.$hostElement$);
@@ -5515,9 +5477,9 @@ const callRender = (e, t, o, n) => {
  const t = e.$cmpMeta$.$tagName$, o = e.$hostElement$, n = createTime("postUpdate", t), s = e.$lazyInstance$ , l = e.$ancestorComponent$;
  64 & e.$flags$ ? (n()) : (e.$flags$ |= 64, addHydratedFlag(o), 
  (safeCall(s, "componentDidLoad"), 
- BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o), 
- (e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0), 
- 512 & e.$flags$ && nextTick$1((() => scheduleUpdate(e, !1))), e.$flags$ &= -517);
+ BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o), (e.$onRenderResolve$ && (e.$onRenderResolve$(), 
+ e.$onRenderResolve$ = void 0), 512 & e.$flags$ && nextTick$1((() => scheduleUpdate(e, !1))), 
+ e.$flags$ &= -517);
 }, appDidLoad = e => {
  addHydratedFlag(doc.documentElement), nextTick$1((() => emitEvent(win, "appload", {
   detail: {
@@ -5557,12 +5519,11 @@ const callRender = (e, t, o, n) => {
   }
  }
 }, proxyComponent = (e, t, o) => {
- var n;
  if (t.$members$) {
   e.watchers && (t.$watchers$ = e.watchers);
-  const s = Object.entries(t.$members$), l = e.prototype;
-  if (s.map((([e, [n]]) => {
-   (31 & n || (2 & o) && 32 & n) ? Object.defineProperty(l, e, {
+  const n = Object.entries(t.$members$), s = e.prototype;
+  if (n.map((([e, [n]]) => {
+   (31 & n || (2 & o) && 32 & n) ? Object.defineProperty(s, e, {
     get() {
      return getValue(this, e);
     },
@@ -5571,7 +5532,7 @@ const callRender = (e, t, o, n) => {
     },
     configurable: !0,
     enumerable: !0
-   }) : 1 & o && 64 & n && Object.defineProperty(l, e, {
+   }) : 1 & o && 64 & n && Object.defineProperty(s, e, {
     value(...t) {
      const o = getHostRef(this);
      return o.$onInstancePromise$.then((() => o.$lazyInstance$[e](...t)));
@@ -5579,37 +5540,24 @@ const callRender = (e, t, o, n) => {
    });
   })), (1 & o)) {
    const o = new Map;
-   l.attributeChangedCallback = function(e, n, s) {
+   s.attributeChangedCallback = function(e, t, n) {
     plt.jmp((() => {
-     const a = o.get(e);
-     if (this.hasOwnProperty(a)) s = this[a], delete this[a]; else {
-      if (l.hasOwnProperty(a) && "number" == typeof this[a] && this[a] == s) return;
-      if (null == a) {
-       const o = getHostRef(this), l = null == o ? void 0 : o.$flags$;
-       if (!(8 & l) && 128 & l && s !== n) {
-        const a = o.$lazyInstance$ , r = t.$watchers$[e];
-        null == r || r.forEach((t => {
-         null != a[t] && a[t].call(a, s, n, e);
-        }));
-       }
-       return;
-      }
-     }
-     this[a] = (null !== s || "boolean" != typeof this[a]) && s;
+     const t = o.get(e);
+     if (this.hasOwnProperty(t)) n = this[t], delete this[t]; else if (s.hasOwnProperty(t) && "number" == typeof this[t] && this[t] == n) return;
+     this[t] = (null !== n || "boolean" != typeof this[t]) && n;
     }));
-   }, e.observedAttributes = Array.from(new Set([ ...Object.keys(null !== (n = t.$watchers$) && void 0 !== n ? n : {}), ...s.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), 512 & n[0] && t.$attrsToReflect$.push([ e, s ]), 
     s;
-   })) ]));
+   }));
   }
  }
  return e;
-}, initializeComponent = async (e, t, o, n) => {
- let s;
+}, initializeComponent = async (e, t, o, n, s) => {
  if (0 == (32 & t.$flags$)) {
   if (t.$flags$ |= 32, BUILD.lazyLoad ) {
-   if (s = loadModule(o), s.then) {
+   if ((s = loadModule(o)).then) {
     const e = (() => {});
     s = await s, e();
    }
@@ -5641,7 +5589,7 @@ const callRender = (e, t, o, n) => {
 }, connectedCallback = e => {
  if (0 == (1 & plt.$flags$)) {
   const t = getHostRef(e), o = t.$cmpMeta$, n = createTime("connectedCallback", o.$tagName$);
-  if (1 & t.$flags$) addHostEventListeners(e, t, o.$listeners$), (null == t ? void 0 : t.$lazyInstance$) ? fireConnectedCallback(t.$lazyInstance$) : (null == t ? void 0 : t.$onReadyPromise$) && t.$onReadyPromise$.then((() => fireConnectedCallback(t.$lazyInstance$))); else {
+  if (1 & t.$flags$) addHostEventListeners(e, t, o.$listeners$), fireConnectedCallback(t.$lazyInstance$); else {
    let n;
    if (t.$flags$ |= 1, (n = e.getAttribute("s-id"), n)) {
     ((e, t, o, n) => {
@@ -6078,7 +6026,7 @@ class Banner {
   }; }
 }
 
-const buttonCss = "/*!@:host*/.sc-road-button-h{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(:hover)*/.sc-road-button-h:hover{text-decoration:none}/*!@:host(.focus-visible)*/.focus-visible.sc-road-button-h{outline:0}/*!@.button-native*/.button-native.sc-road-button{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@:host(.btn-default:not([disabled]).focus-visible)*/.btn-default.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-grey-80)}/*!@:host(.btn-primary)*/.btn-primary.sc-road-button-h{color:var(--road-on-button-primary);background:var(--road-button-primary)}/*!@:host(.btn-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-primary .sc-road-button-s>road-icon{color:var(--road-on-button-primary)}/*!@:host(.btn-primary:not([disabled]):hover),\n:host(.btn-primary:not([disabled]).focus-visible)*/.btn-primary.sc-road-button-h:not([disabled]):hover,.btn-primary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-primary-variant)}/*!@:host(.btn-secondary)*/.btn-secondary.sc-road-button-h{color:var(--road-on-button-secondary);background:var(--road-button-secondary)}/*!@:host(.btn-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-secondary .sc-road-button-s>road-icon{color:var(--road-on-button-secondary)}/*!@:host(.btn-secondary:not([disabled]):hover),\n:host(.btn-secondary:not([disabled]).focus-visible)*/.btn-secondary.sc-road-button-h:not([disabled]):hover,.btn-secondary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-secondary-variant)}/*!@:host(.btn-link)*/.btn-link.sc-road-button-h{font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}/*!@:host(.btn-link:not([disabled]):hover),\n:host(.btn-link:not([disabled]).focus-visible)*/.btn-link.sc-road-button-h:not([disabled]):hover,.btn-link.sc-road-button-h:not([disabled]).focus-visible{color:var(--road-primary-30)}/*!@:host(.btn-outline-primary),\n:host(.btn-outline-secondary),\n:host(.btn-outline-default)*/.btn-outline-primary.sc-road-button-h,.btn-outline-secondary.sc-road-button-h,.btn-outline-default.sc-road-button-h{background:transparent}/*!@:host(.btn-outline-default)*/.btn-outline-default.sc-road-button-h{color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.btn-outline-default) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-default .sc-road-button-s>road-icon{color:var(--road-on-surface-weak)}/*!@:host(.btn-outline-default:hover),\n:host(.btn-outline-default.focus-visible)*/.btn-outline-default.sc-road-button-h:hover,.btn-outline-default.focus-visible.sc-road-button-h{background:var(--road-grey-80)}/*!@:host(.btn-ghost) ::slotted(road-icon)*/.sc-road-button-h.btn-ghost .sc-road-button-s>road-icon{color:var(--road-icon)}/*!@:host(.btn-ghost:hover),\n:host(.btn-ghost.focus-visible)*/.btn-ghost.sc-road-button-h:hover,.btn-ghost.focus-visible.sc-road-button-h{background:var(--road-button-ghost-variant)}/*!@:host(.btn-outline-primary)*/.btn-outline-primary.sc-road-button-h{color:var(--road-button-primary);border-color:var(--road-button-primary)}/*!@:host(.btn-outline-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-primary .sc-road-button-s>road-icon{color:var(--road-button-primary)}/*!@:host(.btn-outline-primary:hover),\n:host(.btn-outline-primary.focus-visible)*/.btn-outline-primary.sc-road-button-h:hover,.btn-outline-primary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host(.btn-outline-secondary)*/.btn-outline-secondary.sc-road-button-h{color:var(--road-button-secondary);border-color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-secondary .sc-road-button-s>road-icon{color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary:hover),\n:host(.btn-outline-secondary.focus-visible)*/.btn-outline-secondary.sc-road-button-h:hover,.btn-outline-secondary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host([aria-disabled])*/[aria-disabled].sc-road-button-h{color:var(--road-on-surface-disabled);pointer-events:none;background-color:var(--road-surface-disabled)}/*!@:host([aria-disabled]) ::slotted(road-icon)*/.sc-road-button-h[aria-disabled] .sc-road-button-s>road-icon{color:var(--road-on-surface-disabled)}/*!@.button-native:disabled*/.button-native.sc-road-button:disabled{cursor:not-allowed}/*!@::slotted([slot=\"start\"])*/.sc-road-button-s>[slot=\"start\"]{margin-right:0.5rem}/*!@::slotted([slot=\"end\"])*/.sc-road-button-s>[slot=\"end\"]{margin-left:0.5rem}/*!@:host(.btn-xl)*/.btn-xl.sc-road-button-h{height:3.5rem}/*!@:host(.btn-xl) ::slotted(road-icon)*/.sc-road-button-h.btn-xl .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-xl)*/.btn-icon.btn-xl.sc-road-button-h{width:56px}/*!@:host(.btn-lg)*/.btn-lg.sc-road-button-h{height:3rem}/*!@:host(.btn-lg) ::slotted(road-icon)*/.sc-road-button-h.btn-lg .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-lg)*/.btn-icon.btn-lg.sc-road-button-h{width:48px}/*!@:host(.btn-md)*/.btn-md.sc-road-button-h{--font-size:var(--road-font-size-14);height:2.5rem}/*!@:host(.btn-md) ::slotted(road-icon)*/.sc-road-button-h.btn-md .sc-road-button-s>road-icon{width:1.5rem;height:1.5rem}/*!@:host(.btn-icon.btn-md)*/.btn-icon.btn-md.sc-road-button-h{width:40px}/*!@:host(.btn-sm)*/.btn-sm.sc-road-button-h{--font-size:var(--road-font-size-14);height:2rem}/*!@:host(.btn-sm) ::slotted(road-icon)*/.sc-road-button-h.btn-sm .sc-road-button-s>road-icon{width:1.25rem;height:1.25rem}/*!@:host(.btn-icon.btn-sm)*/.btn-icon.btn-sm.sc-road-button-h{width:32px}/*!@:host(.btn-block)*/.btn-block.sc-road-button-h{width:100%}/*!@:host(.btn-icon) .button-native*/.btn-icon.sc-road-button-h .button-native.sc-road-button{padding:0}/*!@::slotted(road-badge)*/.sc-road-button-s>road-badge{position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}";
+const buttonCss = "/*!@:host*/.sc-road-button-h{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(:hover)*/.sc-road-button-h:hover{text-decoration:none}/*!@:host(.focus-visible)*/.focus-visible.sc-road-button-h{outline:0}/*!@.button-native*/.button-native.sc-road-button{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@:host(.btn-default:not([disabled]).focus-visible)*/.btn-default.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-grey-80)}/*!@:host(.btn-primary)*/.btn-primary.sc-road-button-h{color:var(--road-on-button-primary);background:var(--road-button-primary)}/*!@:host(.btn-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-primary .sc-road-button-s>road-icon{color:var(--road-on-button-primary)}/*!@:host(.btn-primary:not([disabled]):hover),\n:host(.btn-primary:not([disabled]).focus-visible)*/.btn-primary.sc-road-button-h:not([disabled]):hover,.btn-primary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-primary-variant)}/*!@:host(.btn-secondary)*/.btn-secondary.sc-road-button-h{color:var(--road-on-button-secondary);background:var(--road-button-secondary)}/*!@:host(.btn-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-secondary .sc-road-button-s>road-icon{color:var(--road-on-button-secondary)}/*!@:host(.btn-secondary:not([disabled]):hover),\n:host(.btn-secondary:not([disabled]).focus-visible)*/.btn-secondary.sc-road-button-h:not([disabled]):hover,.btn-secondary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-secondary-variant)}/*!@:host(.btn-link)*/.btn-link.sc-road-button-h{font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}/*!@:host(.btn-link:not([disabled]):hover),\n:host(.btn-link:not([disabled]).focus-visible)*/.btn-link.sc-road-button-h:not([disabled]):hover,.btn-link.sc-road-button-h:not([disabled]).focus-visible{color:var(--road-primary-30)}/*!@:host(.btn-outline-primary),\n:host(.btn-outline-secondary),\n:host(.btn-outline-default)*/.btn-outline-primary.sc-road-button-h,.btn-outline-secondary.sc-road-button-h,.btn-outline-default.sc-road-button-h{background:transparent}/*!@:host(.btn-outline-default)*/.btn-outline-default.sc-road-button-h{color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.btn-outline-default) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-default .sc-road-button-s>road-icon{color:var(--road-on-surface-weak)}/*!@:host(.btn-outline-default:hover),\n:host(.btn-outline-default.focus-visible)*/.btn-outline-default.sc-road-button-h:hover,.btn-outline-default.focus-visible.sc-road-button-h{background:var(--road-grey-80)}/*!@:host(.btn-ghost) ::slotted(road-icon)*/.sc-road-button-h.btn-ghost .sc-road-button-s>road-icon{color:var(--road-icon)}/*!@:host(.btn-ghost:hover),\n:host(.btn-ghost.focus-visible)*/.btn-ghost.sc-road-button-h:hover,.btn-ghost.focus-visible.sc-road-button-h{background:var(--road-button-ghost-variant)}/*!@:host(.btn-outline-primary)*/.btn-outline-primary.sc-road-button-h{color:var(--road-button-primary);border-color:var(--road-button-primary)}/*!@:host(.btn-outline-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-primary .sc-road-button-s>road-icon{color:var(--road-button-primary)}/*!@:host(.btn-outline-primary:hover),\n:host(.btn-outline-primary.focus-visible)*/.btn-outline-primary.sc-road-button-h:hover,.btn-outline-primary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host(.btn-outline-secondary)*/.btn-outline-secondary.sc-road-button-h{color:var(--road-button-secondary);border-color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-secondary .sc-road-button-s>road-icon{color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary:hover),\n:host(.btn-outline-secondary.focus-visible)*/.btn-outline-secondary.sc-road-button-h:hover,.btn-outline-secondary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host([aria-disabled])*/[aria-disabled].sc-road-button-h{color:var(--road-on-surface-disabled);pointer-events:none;cursor:not-allowed;background-color:var(--road-surface-disabled);border-color:1px solid var(--road-surface-disabled)}/*!@:host([aria-disabled]) ::slotted(road-icon)*/.sc-road-button-h[aria-disabled] .sc-road-button-s>road-icon{color:var(--road-on-surface-disabled)}/*!@.button-native:disabled*/.button-native.sc-road-button:disabled{cursor:not-allowed}/*!@::slotted([slot=\"start\"])*/.sc-road-button-s>[slot=\"start\"]{margin-right:0.5rem}/*!@::slotted([slot=\"end\"])*/.sc-road-button-s>[slot=\"end\"]{margin-left:0.5rem}/*!@:host(.btn-xl)*/.btn-xl.sc-road-button-h{height:3.5rem}/*!@:host(.btn-xl) ::slotted(road-icon)*/.sc-road-button-h.btn-xl .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-xl)*/.btn-icon.btn-xl.sc-road-button-h{width:56px}/*!@:host(.btn-lg)*/.btn-lg.sc-road-button-h{height:3rem}/*!@:host(.btn-lg) ::slotted(road-icon)*/.sc-road-button-h.btn-lg .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-lg)*/.btn-icon.btn-lg.sc-road-button-h{width:48px}/*!@:host(.btn-md)*/.btn-md.sc-road-button-h{--font-size:var(--road-font-size-14);height:2.5rem}/*!@:host(.btn-md) ::slotted(road-icon)*/.sc-road-button-h.btn-md .sc-road-button-s>road-icon{width:1.5rem;height:1.5rem}/*!@:host(.btn-icon.btn-md)*/.btn-icon.btn-md.sc-road-button-h{width:40px}/*!@:host(.btn-sm)*/.btn-sm.sc-road-button-h{--font-size:var(--road-font-size-14);height:2rem}/*!@:host(.btn-sm) ::slotted(road-icon)*/.sc-road-button-h.btn-sm .sc-road-button-s>road-icon{width:1.25rem;height:1.25rem}/*!@:host(.btn-icon.btn-sm)*/.btn-icon.btn-sm.sc-road-button-h{width:32px}/*!@:host(.btn-block)*/.btn-block.sc-road-button-h{width:100%}/*!@:host(.btn-icon) .button-native*/.btn-icon.sc-road-button-h .button-native.sc-road-button{padding:0}/*!@::slotted(road-badge)*/.sc-road-button-s>road-badge{position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}";
 
 /**
  * @slot - Content of the button.
@@ -14503,7 +14451,7 @@ class Input {
 }
 let inputIds = 0;
 
-const inputGroupCss = "/*!@:host*/.sc-road-input-group-h{display:block}/*!@.input-group*/.input-group.sc-road-input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}/*!@::slotted(road-input),\n::slotted(input),\n::slotted(textarea),\n::slotted(road-select)*/.sc-road-input-group-s>road-input,.sc-road-input-group-s>input,.sc-road-input-group-s>textarea,.sc-road-input-group-s>road-select{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}/*!@::slotted([slot=\"prepend\"])*/.sc-road-input-group-s>[slot=\"prepend\"]{margin-right:-3px;border-color:var(--road-input-outline);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}/*!@::slotted([slot=\"append\"])*/.sc-road-input-group-s>[slot=\"append\"]{margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0}@media (hover: hover){/*!@.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"])*/.input-group:not(.is-disabled):hover .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant);border-right-color:transparent}/*!@.input-group:not(.is-disabled):hover ::slotted([slot=\"append\"])*/.input-group:not(.is-disabled):hover .sc-road-input-group-s>[slot=\"append\"]{border-color:var(--road-input-outline-variant);border-left-color:transparent}/*!@:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group:not(.is-disabled):hover .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant)}}/*!@.input-group:focus-within ::slotted([slot=\"prepend\"])*/.input-group:focus-within .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant);border-right-color:transparent}/*!@:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group:focus-within .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant);border-right-color:transparent}/*!@.input-group:focus-within ::slotted([slot=\"append\"])*/.input-group:focus-within .sc-road-input-group-s>[slot=\"append\"]{border-color:var(--road-input-outline-variant);border-left-color:transparent}/*!@.input-group-prepend,\n.input-group-append*/.input-group-prepend.sc-road-input-group,.input-group-append.sc-road-input-group{display:flex;height:3rem}/*!@::slotted(road-button)*/.sc-road-input-group-s>road-button{--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}/*!@.input-group-prepend*/.input-group-prepend.sc-road-input-group{z-index:1;order:-1}/*!@.input-group-prepend ~ .form-label*/.input-group-prepend.sc-road-input-group~.form-label.sc-road-input-group{left:calc(3rem + 1px)}/*!@.input-group-append*/.input-group-append.sc-road-input-group{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}/*!@::slotted(label)*/.sc-road-input-group-s>label{display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@::slotted(road-input:not(:first-child)),\n::slotted(road-select:not(:first-child))*/.sc-road-input-group-s>road-input:not(:first-child),.sc-road-input-group-s>road-select:not(:first-child){border-radius:0}/*!@.input-group-append ::slotted([slot=\"append\"])*/.input-group-append .sc-road-input-group-s>[slot=\"append\"]{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}/*!@.input-group-prepend ::slotted([slot=\"prepend\"])*/.input-group-prepend .sc-road-input-group-s>[slot=\"prepend\"]{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}/*!@:host(.phone-number-group) .input-group-prepend ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group-prepend .sc-road-input-group-s>[slot=\"prepend\"]{border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}/*!@.input-group-prepend ::slotted(label)*/.input-group-prepend .sc-road-input-group-s>label{margin-right:calc(-1rem + 1px)}/*!@.input-group-append ::slotted(road-button)*/.input-group-append .sc-road-input-group-s>road-button{background-color:var(--road-surface)}/*!@.size-xl .input-group-prepend,\n.size-xl .input-group-append*/.size-xl.sc-road-input-group .input-group-prepend.sc-road-input-group,.size-xl.sc-road-input-group .input-group-append.sc-road-input-group{height:3.5rem}/*!@.size-xl ::slotted(road-button)*/.size-xl .sc-road-input-group-s>road-button{height:3.5rem}/*!@.input-group.is-invalid ::slotted([slot=\"append\"]),\n.input-group.is-invalid ::slotted([slot=\"prepend\"])*/.input-group.is-invalid .sc-road-input-group-s>[slot=\"append\"],.input-group.is-invalid.sc-road-input-group-s>[slot=\"prepend\"],.input-group.is-invalid .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-danger-outline)}/*!@:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group.is-invalid.sc-road-input-group-s>[slot=\"prepend\"],.input-group.is-invalid .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-danger-outline)}/*!@.input-group.is-disabled ::slotted([slot=\"append\"]),\n.input-group.is-disabled ::slotted([slot=\"prepend\"])*/.input-group.is-disabled .sc-road-input-group-s>[slot=\"append\"],.input-group.is-disabled.sc-road-input-group-s>[slot=\"prepend\"],.input-group.is-disabled .sc-road-input-group-s>[slot=\"prepend\"]{cursor:not-allowed;background:#e4e5e9}/*!@.is-disabled ::slotted(road-button)*/.is-disabled .sc-road-input-group-s>road-button{opacity:1}";
+const inputGroupCss = "/*!@:host*/.sc-road-input-group-h{display:block}/*!@.input-group*/.input-group.sc-road-input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}/*!@::slotted(road-input),\n::slotted(input),\n::slotted(textarea),\n::slotted(road-select)*/.sc-road-input-group-s>road-input,.sc-road-input-group-s>input,.sc-road-input-group-s>textarea,.sc-road-input-group-s>road-select{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}/*!@::slotted([slot=\"prepend\"])*/.sc-road-input-group-s>[slot=\"prepend\"]{margin-right:-3px;border-color:var(--road-input-outline);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}/*!@::slotted([slot=\"append\"])*/.sc-road-input-group-s>[slot=\"append\"]{margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0}@media (hover: hover){/*!@.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"])*/.input-group:not(.is-disabled):hover .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant);border-right-color:transparent}/*!@.input-group:not(.is-disabled):hover ::slotted([slot=\"append\"])*/.input-group:not(.is-disabled):hover .sc-road-input-group-s>[slot=\"append\"]{border-color:var(--road-input-outline-variant);border-left-color:transparent}/*!@:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group:not(.is-disabled):hover .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant)}}/*!@.input-group:focus-within ::slotted([slot=\"prepend\"])*/.input-group:focus-within .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant);border-right-color:transparent}/*!@:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group:focus-within .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-input-outline-variant);border-right-color:transparent}/*!@.input-group:focus-within ::slotted([slot=\"append\"])*/.input-group:focus-within .sc-road-input-group-s>[slot=\"append\"]{border-color:var(--road-input-outline-variant);border-left-color:transparent}/*!@.input-group-prepend,\n.input-group-append*/.input-group-prepend.sc-road-input-group,.input-group-append.sc-road-input-group{display:flex;height:3rem}/*!@::slotted(road-button)*/.sc-road-input-group-s>road-button{--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}/*!@.input-group-prepend*/.input-group-prepend.sc-road-input-group{z-index:1;order:-1}/*!@.input-group-prepend ~ .form-label*/.input-group-prepend.sc-road-input-group~.form-label.sc-road-input-group{left:calc(3rem + 1px)}/*!@.input-group-append*/.input-group-append.sc-road-input-group{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}/*!@::slotted(label)*/.sc-road-input-group-s>label{display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@::slotted(road-input:not(:first-child)),\n::slotted(road-select:not(:first-child))*/.sc-road-input-group-s>road-input:not(:first-child),.sc-road-input-group-s>road-select:not(:first-child){border-radius:0}/*!@.input-group-append ::slotted([slot=\"append\"])*/.input-group-append .sc-road-input-group-s>[slot=\"append\"]{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}/*!@.input-group-prepend ::slotted([slot=\"prepend\"])*/.input-group-prepend .sc-road-input-group-s>[slot=\"prepend\"]{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}/*!@:host(.phone-number-group) .input-group-prepend ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group-prepend .sc-road-input-group-s>[slot=\"prepend\"]{border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}/*!@.input-group-prepend ::slotted(label)*/.input-group-prepend .sc-road-input-group-s>label{margin-right:calc(-1rem + 1px)}/*!@.input-group-append ::slotted(road-button)*/.input-group-append .sc-road-input-group-s>road-button{background-color:var(--road-surface)}/*!@.size-xl .input-group-prepend,\n.size-xl .input-group-append*/.size-xl.sc-road-input-group .input-group-prepend.sc-road-input-group,.size-xl.sc-road-input-group .input-group-append.sc-road-input-group{height:3.5rem}/*!@.size-xl ::slotted(road-button)*/.size-xl .sc-road-input-group-s>road-button{height:3.5rem}/*!@.input-group.is-invalid ::slotted([slot=\"append\"]),\n.input-group.is-invalid ::slotted([slot=\"prepend\"])*/.input-group.is-invalid .sc-road-input-group-s>[slot=\"append\"],.input-group.is-invalid .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-danger-outline)}/*!@:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"])*/.sc-road-input-group-h.phone-number-group .input-group.is-invalid .sc-road-input-group-s>[slot=\"prepend\"]{border-color:var(--road-danger-outline)}/*!@.input-group.is-disabled ::slotted([slot=\"append\"]),\n.input-group.is-disabled ::slotted([slot=\"prepend\"])*/.input-group.is-disabled .sc-road-input-group-s>[slot=\"append\"],.input-group.is-disabled .sc-road-input-group-s>[slot=\"prepend\"]{cursor:not-allowed;background:#e4e5e9}/*!@.is-disabled ::slotted(road-button)*/.is-disabled .sc-road-input-group-s>road-button{opacity:1}";
 
 /**
  * @slot prepend - Add icon or button before the field.
@@ -14636,7 +14584,7 @@ class Label {
   }; }
 }
 
-const listCss = "/*!@:host*/.sc-road-list-h{display:block;contain:content;list-style-type:none}/*!@:host(.list-lines-none) ::slotted(road-item)*/.sc-road-list-h.list-lines-none .sc-road-list-s>road-item{--border-width:0;--inner-border-width:0}/*!@:host(.list-lines-full)*/.list-lines-full.sc-road-list-h{border:1px solid var(--road-outline);border-bottom:0}/*!@:host(.list-lines-full),\n:host(.list-lines-full) ::slotted(road-item)*/.list-lines-full.sc-road-list-h,.sc-road-list-h.list-lines-full.sc-road-list-s>road-item,.sc-road-list-h.list-lines-full .sc-road-list-s>road-item{--border-width:0 0 1px 0;--inner-border-width:0}/*!@:host(.item-lines-inset),\n:host(.list-lines-inset) ::slotted(road-item)*/.item-lines-inset.sc-road-list-h,.sc-road-list-h.list-lines-inset.sc-road-list-s>road-item,.sc-road-list-h.list-lines-inset .sc-road-list-s>road-item{--inner-border-width:0 0 1px 0}";
+const listCss = "/*!@:host*/.sc-road-list-h{display:block;contain:content;list-style-type:none}/*!@:host(.list-lines-none) ::slotted(road-item)*/.sc-road-list-h.list-lines-none .sc-road-list-s>road-item{--border-width:0;--inner-border-width:0}/*!@:host(.list-lines-full)*/.list-lines-full.sc-road-list-h{border:1px solid var(--road-outline);border-bottom:0}/*!@:host(.list-lines-full),\n:host(.list-lines-full) ::slotted(road-item)*/.list-lines-full.sc-road-list-h,.sc-road-list-h.list-lines-full .sc-road-list-s>road-item{--border-width:0 0 1px 0;--inner-border-width:0}/*!@:host(.item-lines-inset),\n:host(.list-lines-inset) ::slotted(road-item)*/.item-lines-inset.sc-road-list-h,.sc-road-list-h.list-lines-inset .sc-road-list-s>road-item{--inner-border-width:0 0 1px 0}";
 
 /**
  * @slot  - Content of the list, it should be road-item elements.
@@ -14792,7 +14740,7 @@ class Navbar {
   }; }
 }
 
-const navbarItemCss = "/*!@:host*/.sc-road-navbar-item-h{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){/*!@:host*/.sc-road-navbar-item-h{flex-grow:inherit;width:100%;padding:0.5rem}}/*!@:host(.tab-selected),\n:host(.tab-selected) road-tooltip road-icon*/.tab-selected.sc-road-navbar-item-h,.tab-selected.sc-road-navbar-item-h road-tooltip.sc-road-navbar-item road-icon.sc-road-navbar-item{color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}/*!@:host(.tab-selected)::after*/.tab-selected.sc-road-navbar-item-h::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:\"\";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){/*!@:host(.tab-selected)::after*/.tab-selected.sc-road-navbar-item-h::after{bottom:auto;left:0;width:4px;height:100%}}/*!@:host(.focus-visible) ::slotted(road-icon),\n:host(.focus-visible) ::slotted(road-icon)::after,\n:host(.focus-visible) ::slotted(road-label),\n:host(.focus-visible) ::slotted(road-label)::after,\n:host(:hover) ::slotted(road-icon),\n:host(:hover) ::slotted(road-icon)::after,\n:host(:hover) ::slotted(road-label),\n:host(:hover) ::slotted(road-label)::after*/.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-icon,.sc-road-navbar-item-h.focus-visible.sc-road-navbar-item-s>road-icon::after,.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-icon::after,.sc-road-navbar-item-h.focus-visible.sc-road-navbar-item-s>road-label,.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-label,.sc-road-navbar-item-h.focus-visible.sc-road-navbar-item-s>road-label::after,.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-label::after,.sc-road-navbar-item-h:hover.sc-road-navbar-item-s>road-icon,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-icon,.sc-road-navbar-item-h:hover.sc-road-navbar-item-s>road-icon::after,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-icon::after,.sc-road-navbar-item-h:hover.sc-road-navbar-item-s>road-label,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-label,.sc-road-navbar-item-h:hover.sc-road-navbar-item-s>road-label::after,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-label::after{color:var(--road-on-button-tertiary)}/*!@.button-native*/.button-native.sc-road-navbar-item{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.button-inner*/.button-inner.sc-road-navbar-item{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}/*!@::slotted(road-icon)*/.sc-road-navbar-item-s>road-icon{display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){/*!@:host ::slotted(road-tooltip)*/.sc-road-navbar-item-h .sc-road-navbar-item-s>road-tooltip{width:100%}}/*!@::slotted(road-label)*/.sc-road-navbar-item-s>road-label{position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){/*!@::slotted(road-label)*/.sc-road-navbar-item-s>road-label{display:block}}/*!@::slotted(road-badge)*/.sc-road-navbar-item-s>road-badge{position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}";
+const navbarItemCss = "/*!@:host*/.sc-road-navbar-item-h{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){/*!@:host*/.sc-road-navbar-item-h{flex-grow:inherit;width:100%;padding:0.5rem}}/*!@:host(.tab-selected),\n:host(.tab-selected) road-tooltip road-icon*/.tab-selected.sc-road-navbar-item-h,.tab-selected.sc-road-navbar-item-h road-tooltip.sc-road-navbar-item road-icon.sc-road-navbar-item{color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}/*!@:host(.tab-selected)::after*/.tab-selected.sc-road-navbar-item-h::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:\"\";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){/*!@:host(.tab-selected)::after*/.tab-selected.sc-road-navbar-item-h::after{bottom:auto;left:0;width:4px;height:100%}}/*!@:host(.focus-visible) ::slotted(road-icon),\n:host(.focus-visible) ::slotted(road-icon)::after,\n:host(.focus-visible) ::slotted(road-label),\n:host(.focus-visible) ::slotted(road-label)::after,\n:host(:hover) ::slotted(road-icon),\n:host(:hover) ::slotted(road-icon)::after,\n:host(:hover) ::slotted(road-label),\n:host(:hover) ::slotted(road-label)::after*/.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-icon,.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-icon::after,.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-label,.sc-road-navbar-item-h.focus-visible .sc-road-navbar-item-s>road-label::after,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-icon,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-icon::after,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-label,.sc-road-navbar-item-h:hover .sc-road-navbar-item-s>road-label::after{color:var(--road-on-button-tertiary)}/*!@.button-native*/.button-native.sc-road-navbar-item{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.button-inner*/.button-inner.sc-road-navbar-item{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}/*!@::slotted(road-icon)*/.sc-road-navbar-item-s>road-icon{display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){/*!@:host ::slotted(road-tooltip)*/.sc-road-navbar-item-h .sc-road-navbar-item-s>road-tooltip{width:100%}}/*!@::slotted(road-label)*/.sc-road-navbar-item-s>road-label{position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){/*!@::slotted(road-label)*/.sc-road-navbar-item-s>road-label{display:block}}/*!@::slotted(road-badge)*/.sc-road-navbar-item-s>road-badge{position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}";
 
 /**
  * @slot  - Content of the item, it should be road-icon and road-label elements.
@@ -16773,7 +16721,6 @@ class RoadPhoneNumberInput {
   }
   // On component load
   componentWillLoad() {
-    var _a;
     this.placeErrorMessage();
     let fromSelect = false;
     if (this.phoneValue) {
@@ -16781,8 +16728,10 @@ class RoadPhoneNumberInput {
     }
     if (this.countryCode) {
       this.selectedCountry = this.countryCode;
-      this.updateSelectedCountryCode((_a = this.getPhoneCodeFromCountryCode(this.countryCode)) !== null && _a !== void 0 ? _a : '');
-      fromSelect = true;
+      if (this.getPhoneCodeFromCountryCode(this.countryCode)) {
+        this.updateSelectedCountryCode(this.getPhoneCodeFromCountryCode(this.countryCode));
+        fromSelect = true;
+      }
     }
     this.updateCountryOptions();
     this.createAndDispatchPhoneData(fromSelect);
@@ -17054,7 +17003,6 @@ class Select {
       const select = ev.target;
       if (select) {
         this.value = select.value || '';
-        this.value = this.addSelected();
       }
     };
     this.onBlur = () => {
@@ -17084,10 +17032,11 @@ class Select {
     this.roadChange.emit({
       value: this.value,
     });
-    this.value = this.addSelected();
   }
   componentWillLoad() {
-    this.value = this.addSelected();
+    if (this.value) {
+      this.addSelected();
+    }
   }
   addSelected() {
     var _a, _b;
@@ -20690,8 +20639,8 @@ function renderBuildDiagnostic(e, t, r, s) {
   type: "build",
   header: r,
   messageText: s,
-  relFilePath: void 0,
-  absFilePath: void 0,
+  relFilePath: null,
+  absFilePath: null,
   lines: []
  };
  return e.pathname ? "/" !== e.pathname && (n.header += ": " + e.pathname) : e.url && (n.header += ": " + e.url), 
@@ -20909,7 +20858,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    line: r,
    column: s
   };
-  return t => (t.position = new A(e), m(), t);
+  return t => (t.position = new z(e), m(), t);
  }, a = o => {
   const i = e.split("\n"), a = {
    level: "error",
@@ -20954,7 +20903,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  }, d = () => {
   let t;
   const r = [];
-  for (m(), h(r); e.length && "}" !== e.charAt(0) && (t = T() || w()); ) r.push(t), 
+  for (m(), h(r); e.length && "}" !== e.charAt(0) && (t = w() || A()); ) r.push(t), 
   h(r);
   return r;
  }, m = () => u(/^\s*/), h = e => {
@@ -21015,7 +20964,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    };
    return o[e] = n[1].trim(), s(o);
   };
- }, E = S("import", 7), b = S("charset", 0), v = S("namespace", 11), T = () => "@" !== e[0] ? null : (() => {
+ }, E = S("import", 7), b = S("charset", 0), T = S("namespace", 11), w = () => "@" !== e[0] ? null : (() => {
   const e = i();
   let t = u(/^@([-\w]+)?keyframes\s*/);
   if (!t) return null;
@@ -21060,7 +21009,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    supports: r,
    rules: s
   }) : a("@supports missing '}'");
- })() || E() || b() || v() || (() => {
+ })() || E() || b() || T() || (() => {
   const e = i(), t = u(/^@([-\w]+)?document *([^{]+)/);
   if (!t) return null;
   const r = trim(t[1]), s = trim(t[2]);
@@ -21103,7 +21052,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    type: 5,
    declarations: r
   }) : a("@font-face missing '}'");
- })(), w = () => {
+ })(), A = () => {
   const e = i(), t = f();
   return t ? (h(), e({
    type: 13,
@@ -21111,7 +21060,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    declarations: y()
   })) : a("selector missing");
  };
- class A {
+ class z {
   constructor(e) {
    this.start = e, this.end = {
     line: r,
@@ -21119,7 +21068,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    }, this.source = t;
   }
  }
- return A.prototype.content = e, {
+ return z.prototype.content = e, {
   diagnostics: n,
   ...addParent((() => {
    const e = d();
@@ -21160,62 +21109,54 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  ids: [],
  attrs: []
 }, serializeCssVisitNode = (e, t, r, s) => {
- var n;
- const o = t.type;
- return 4 === o ? serializeCssDeclaration(t, r, s) : 13 === o ? serializeCssRule(e, t) : 1 === o ? "!" === (null === (n = t.comment) || void 0 === n ? void 0 : n[0]) ? `/*${t.comment}*/` : "" : 10 === o ? serializeCssMedia(e, t) : 8 === o ? serializeCssKeyframes(e, t) : 9 === o ? serializeCssKeyframe(e, t) : 5 === o ? serializeCssFontFace(e, t) : 15 === o ? serializeCssSupports(e, t) : 7 === o ? "@import " + t.import + ";" : 0 === o ? "@charset " + t.charset + ";" : 12 === o ? serializeCssPage(e, t) : 6 === o ? "@host{" + serializeCssMapVisit(e, t.rules) + "}" : 2 === o ? "@custom-media " + t.name + " " + t.media + ";" : 3 === o ? serializeCssDocument(e, t) : 11 === o ? "@namespace " + t.namespace + ";" : "";
+ const n = t.type;
+ return 4 === n ? serializeCssDeclaration(t, r, s) : 13 === n ? serializeCssRule(e, t) : 1 === n ? "!" === t.comment[0] ? `/*${t.comment}*/` : "" : 10 === n ? serializeCssMedia(e, t) : 8 === n ? serializeCssKeyframes(e, t) : 9 === n ? serializeCssKeyframe(e, t) : 5 === n ? serializeCssFontFace(e, t) : 15 === n ? serializeCssSupports(e, t) : 7 === n ? "@import " + t.import + ";" : 0 === n ? "@charset " + t.charset + ";" : 12 === n ? serializeCssPage(e, t) : 6 === n ? "@host{" + serializeCssMapVisit(e, t.rules) + "}" : 2 === n ? "@custom-media " + t.name + " " + t.media + ";" : 3 === n ? serializeCssDocument(e, t) : 11 === n ? "@namespace " + t.namespace + ";" : "";
 }, serializeCssRule = (e, t) => {
- var r, s;
- const n = t.declarations, o = e.usedSelectors, i = null !== (s = null === (r = t.selectors) || void 0 === r ? void 0 : r.slice()) && void 0 !== s ? s : [];
- if (null == n || 0 === n.length) return "";
- if (o) {
-  let t, r, s = !0;
-  for (t = i.length - 1; t >= 0; t--) {
-   const n = getCssSelectors(i[t]);
-   s = !0;
-   let a = n.classNames.length;
-   if (a > 0 && e.hasUsedClassNames) for (r = 0; r < a; r++) if (!o.classNames.has(n.classNames[r])) {
-    s = !1;
+ const r = t.declarations, s = e.usedSelectors, n = t.selectors.slice();
+ if (null == r || 0 === r.length) return "";
+ if (s) {
+  let t, r, o = !0;
+  for (t = n.length - 1; t >= 0; t--) {
+   const i = getCssSelectors(n[t]);
+   o = !0;
+   let a = i.classNames.length;
+   if (a > 0 && e.hasUsedClassNames) for (r = 0; r < a; r++) if (!s.classNames.has(i.classNames[r])) {
+    o = !1;
     break;
    }
-   if (s && e.hasUsedTags && (a = n.tags.length, a > 0)) for (r = 0; r < a; r++) if (!o.tags.has(n.tags[r])) {
-    s = !1;
+   if (o && e.hasUsedTags && (a = i.tags.length, a > 0)) for (r = 0; r < a; r++) if (!s.tags.has(i.tags[r])) {
+    o = !1;
     break;
    }
-   if (s && e.hasUsedAttrs && (a = n.attrs.length, a > 0)) for (r = 0; r < a; r++) if (!o.attrs.has(n.attrs[r])) {
-    s = !1;
+   if (o && e.hasUsedAttrs && (a = i.attrs.length, a > 0)) for (r = 0; r < a; r++) if (!s.attrs.has(i.attrs[r])) {
+    o = !1;
     break;
    }
-   if (s && e.hasUsedIds && (a = n.ids.length, a > 0)) for (r = 0; r < a; r++) if (!o.ids.has(n.ids[r])) {
-    s = !1;
+   if (o && e.hasUsedIds && (a = i.ids.length, a > 0)) for (r = 0; r < a; r++) if (!s.ids.has(i.ids[r])) {
+    o = !1;
     break;
    }
-   s || i.splice(t, 1);
+   o || n.splice(t, 1);
   }
  }
- if (0 === i.length) return "";
- const a = [];
- let l = "";
- if (t.selectors) for (const e of t.selectors) l = removeSelectorWhitespace(e), a.includes(l) || a.push(l);
- return `${a}{${serializeCssMapVisit(e, n)}}`;
+ if (0 === n.length) return "";
+ const o = [];
+ let i = "";
+ for (const e of t.selectors) i = removeSelectorWhitespace(e), o.includes(i) || o.push(i);
+ return `${o}{${serializeCssMapVisit(e, r)}}`;
 }, serializeCssDeclaration = (e, t, r) => "" === e.value ? "" : r - 1 === t ? e.property + ":" + e.value : e.property + ":" + e.value + ";", serializeCssMedia = (e, t) => {
  const r = serializeCssMapVisit(e, t.rules);
  return "" === r ? "" : "@media " + removeMediaWhitespace(t.media) + "{" + r + "}";
 }, serializeCssKeyframes = (e, t) => {
  const r = serializeCssMapVisit(e, t.keyframes);
  return "" === r ? "" : "@" + (t.vendor || "") + "keyframes " + t.name + "{" + r + "}";
-}, serializeCssKeyframe = (e, t) => {
- var r, s;
- return (null !== (s = null === (r = t.values) || void 0 === r ? void 0 : r.join(",")) && void 0 !== s ? s : "") + "{" + serializeCssMapVisit(e, t.declarations) + "}";
-}, serializeCssFontFace = (e, t) => {
+}, serializeCssKeyframe = (e, t) => t.values.join(",") + "{" + serializeCssMapVisit(e, t.declarations) + "}", serializeCssFontFace = (e, t) => {
  const r = serializeCssMapVisit(e, t.declarations);
  return "" === r ? "" : "@font-face{" + r + "}";
 }, serializeCssSupports = (e, t) => {
  const r = serializeCssMapVisit(e, t.rules);
  return "" === r ? "" : "@supports " + t.supports + "{" + r + "}";
-}, serializeCssPage = (e, t) => {
- var r, s;
- return "@page " + (null !== (s = null === (r = t.selectors) || void 0 === r ? void 0 : r.join(", ")) && void 0 !== s ? s : "") + "{" + serializeCssMapVisit(e, t.declarations) + "}";
-}, serializeCssDocument = (e, t) => {
+}, serializeCssPage = (e, t) => "@page " + t.selectors.join(", ") + "{" + serializeCssMapVisit(e, t.declarations) + "}", serializeCssDocument = (e, t) => {
  const r = serializeCssMapVisit(e, t.rules), s = "@" + (t.vendor || "") + "document " + t.document;
  return "" === r ? "" : s + "{" + r + "}";
 }, serializeCssMapVisit = (e, t) => {
@@ -21232,14 +21173,12 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  } else t += r;
  return t;
 }, removeMediaWhitespace = e => {
- var t;
- let r = "", s = "";
- for (let n = 0, o = (e = null !== (t = null == e ? void 0 : e.trim()) && void 0 !== t ? t : "").length; n < o; n++) if (s = e[n], 
- CSS_WS_REG.test(s)) {
-  if (CSS_WS_REG.test(r[r.length - 1])) continue;
-  r += " ";
- } else r += s;
- return r;
+ let t = "", r = "";
+ for (let s = 0, n = (e = e.trim()).length; s < n; s++) if (r = e[s], CSS_WS_REG.test(r)) {
+  if (CSS_WS_REG.test(t[t.length - 1])) continue;
+  t += " ";
+ } else t += r;
+ return t;
 }, CSS_WS_REG = /\s/, CSS_NEXT_CHAR_REG = /[>\(\)\~\,\+\s]/, CSS_PREV_CHAR_REG = /[>\(\~\,\+]/, collectUsedSelectors = (e, t) => {
  if (null != t && 1 === t.nodeType) {
   const r = t.children, s = t.nodeName.toLowerCase();
@@ -21276,6 +21215,8 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
     type: "build",
     header: "Build Error",
     messageText: "build error",
+    relFilePath: null,
+    absFilePath: null,
     lines: []
    };
    null != t && (null != t.stack ? s.messageText = t.stack.toString() : null != t.message ? s.messageText = t.message.length ? t.message : "UNKNOWN ERROR" : s.messageText = t.toString()),