@roadtrip/components 3.11.0 → 3.11.1

package/hydrate/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v3.4.2 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.7.2 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -1623,6 +1623,14 @@ 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;
@@ -4002,9 +4010,11 @@ class MockWindow {
     return {
       media,
       matches: false,
-      addEventListener,
-      dispatchEvent,
-      removeEventListener,
+      addListener: (_handler) => { },
+      removeListener: (_handler) => { },
+      addEventListener: (_type, _handler) => { },
+      removeEventListener: (_type, _handler) => { },
+      dispatchEvent: (_ev) => { },
       onchange: null,
     };
   }
@@ -4948,7 +4958,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, 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: true, 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 };
+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: true, 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 };
 
 setMode(elm => {
   return elm.mode || elm.getAttribute('mode') || 'light';
@@ -4967,8 +4977,8 @@ function forceUpdate() {}
 
 function hydrateApp(e, t, o, n, s) {
  function l() {
-  if (global.clearTimeout(p), i.clear(), r.clear(), !u) {
-   u = !0;
+  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, 
@@ -4983,10 +4993,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, u = !1;
+ let p, h = !1;
  try {
-  function h() {
-   return g(this);
+  function u() {
+   return L(this);
   }
   function f(e) {
    if (isValidComponent(e, t) && !getHostRef(e)) {
@@ -4994,7 +5004,7 @@ function hydrateApp(e, t, o, n, s) {
      $tagName$: e.nodeName.toLowerCase(),
      $flags$: 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 & t.$flags$ && (e.shadowRoot = e), 
@@ -5030,7 +5040,14 @@ function hydrateApp(e, t, o, n, s) {
     }(e, t.cmpMeta));
    }
   }
-  function g(n) {
+  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) {
    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();
@@ -5056,29 +5073,24 @@ 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 L() {
+  }, p = global.setTimeout((function I() {
    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, 
-  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);
+  g(e.document.body), y().then(l).catch(a);
+ } catch (D) {
+  a(D);
  }
 }
 
@@ -5104,8 +5116,8 @@ function renderCatchError(e, t, o) {
   type: "build",
   header: "Hydrate Error",
   messageText: "",
-  relFilePath: null,
-  absFilePath: null,
+  relFilePath: void 0,
+  absFilePath: void 0,
   lines: []
  };
  if (e.url) try {
@@ -5141,7 +5153,7 @@ function waitingOnElementMsg(e) {
 
 const createTime = (e, t = "") => {
  return () => {};
-}, 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) => {
+}, 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) => {
  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  , 
@@ -5255,24 +5267,23 @@ 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, n) => {
- var s;
- let l = getScopeId(t, o);
- const a = styles$1.get(l);
- if (e = 11 === e.nodeType ? e : doc, a) if ("string" == typeof a) {
+}, addStyle = (e, t, o) => {
+ var n;
+ const s = getScopeId(t, o), l = styles$1.get(s);
+ if (e = 11 === e.nodeType ? e : doc, l) if ("string" == typeof l) {
   e = e.head || e;
-  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), 
+  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), 
     e.insertBefore(o, e.querySelector("link"));
    }
-   r && r.add(l);
+   4 & t.$flags$ && (o.innerHTML += SLOT_FB_CSS), a && a.add(s);
   }
  }
- return l;
+ return s;
 }, attachStyles = e => {
  const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), l = addStyle(o.getRootNode(), t, e.$modeName$);
  10 & n && (o["s-sc"] = l, 
@@ -5300,10 +5311,13 @@ 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 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);
+  } 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);
+  }
  }
-}, parseClassListRegex = /\s/, parseClassList = e => e ? e.split(parseClassListRegex) : [], updateElement = (e, t, o, n) => {
+}, 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) => {
  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$);
@@ -5312,28 +5326,31 @@ const createTime = (e, t = "") => {
 let scopeId, contentRef, hostTagName, useNativeShadowDom = !1, checkSlotFallbackVisibility = !1, checkSlotRelocate = !1, isSvgMode = !1;
 
 const createElm = (e, t, o, n) => {
- 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));
+ 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));
  }
- 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;
+ 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;
 }, putBackInOriginalLocation = (e, t) => {
+ var o;
  plt.$flags$ |= 1;
- 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);
+ 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);
  }
  plt.$flags$ &= -2;
 }, addVnodes = (e, t, o, n, s, l) => {
@@ -5355,17 +5372,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, 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$) {
+  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$) {
     i = d;
     break;
    }
-   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]), 
+   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]), 
    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);
@@ -5374,66 +5391,87 @@ const createElm = (e, t, o, n) => {
  isSvgMode && "svg" === l && (isSvgMode = !1));
 }, updateFallbackSlotVisibility = e => {
  const t = e.childNodes;
- 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;
+ 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;
     break;
    }
-  } else if (1 === r || 3 === r && "" !== t[l].textContent.trim()) {
-   o.hidden = !0;
-   break;
   }
-  updateFallbackSlotVisibility(o);
+  updateFallbackSlotVisibility(e);
  }
-}, 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);
+}, 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);
  }
 }, 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) => {
- 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), 
+}, 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), 
  BUILD.slotRelocation) {
   if (plt.$flags$ |= 1, checkSlotRelocate) {
-   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;
+   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);
     }
-    (!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);
+   }
+   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);
+   }
   }
-  checkSlotFallbackVisibility && updateFallbackSlotVisibility(l.$elm$), plt.$flags$ &= -2, 
+  checkSlotFallbackVisibility && updateFallbackSlotVisibility(i.$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) => {
@@ -5454,7 +5492,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) , 
+ if (await callRender(e, t, s, o) , 
  BUILD.hydrateServerSide) try {
   serverSideConnected(s), o && (1 & e.$cmpMeta$.$flags$ ? s["s-en"] = "" : 2 & e.$cmpMeta$.$flags$ && (s["s-en"] = "c"));
  } catch (e) {
@@ -5467,11 +5505,11 @@ const createElm = (e, t, o, n) => {
  }
 };
 
-const callRender = (e, t, o) => {
+const callRender = (e, t, o, n) => {
  try {
   if (t = t.render(), (e.$flags$ &= -17), 
   (e.$flags$ |= 2), BUILD.hasRenderFn ) {
-   return Promise.resolve(t).then((t => renderVdom(e, t)));
+   return Promise.resolve(t).then((t => renderVdom(e, t, n)));
   }
  } catch (t) {
   consoleError(t, e.$hostElement$);
@@ -5481,9 +5519,9 @@ const callRender = (e, t, o) => {
  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: {
@@ -5523,11 +5561,12 @@ const callRender = (e, t, o) => {
   }
  }
 }, proxyComponent = (e, t, o) => {
+ var n;
  if (t.$members$) {
   e.watchers && (t.$watchers$ = e.watchers);
-  const n = Object.entries(t.$members$), s = e.prototype;
-  if (n.map((([e, [n]]) => {
-   (31 & n || (2 & o) && 32 & n) ? Object.defineProperty(s, e, {
+  const s = Object.entries(t.$members$), l = e.prototype;
+  if (s.map((([e, [n]]) => {
+   (31 & n || (2 & o) && 32 & n) ? Object.defineProperty(l, e, {
     get() {
      return getValue(this, e);
     },
@@ -5536,7 +5575,7 @@ const callRender = (e, t, o) => {
     },
     configurable: !0,
     enumerable: !0
-   }) : 1 & o && 64 & n && Object.defineProperty(s, e, {
+   }) : 1 & o && 64 & n && Object.defineProperty(l, e, {
     value(...t) {
      const o = getHostRef(this);
      return o.$onInstancePromise$.then((() => o.$lazyInstance$[e](...t)));
@@ -5544,24 +5583,37 @@ const callRender = (e, t, o) => {
    });
   })), (1 & o)) {
    const o = new Map;
-   s.attributeChangedCallback = function(e, t, n) {
+   l.attributeChangedCallback = function(e, n, s) {
     plt.jmp((() => {
-     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;
+     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;
     }));
-   }, e.observedAttributes = n.filter((([e, t]) => 15 & t[0])).map((([e, 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]) => {
     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, s) => {
+}, initializeComponent = async (e, t, o, n) => {
+ let s;
  if (0 == (32 & t.$flags$)) {
   if (t.$flags$ |= 32, BUILD.lazyLoad ) {
-   if ((s = loadModule(o)).then) {
+   if (s = loadModule(o), s.then) {
     const e = (() => {});
     s = await s, e();
    }
@@ -5594,7 +5646,7 @@ const callRender = (e, t, o) => {
 }, 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$), fireConnectedCallback(t.$lazyInstance$); else {
+  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 {
    let n;
    if (t.$flags$ |= 1, (n = e.getAttribute("s-id"), n)) {
     ((e, t, o, n) => {
@@ -13712,7 +13764,7 @@ class Drawer {
     const backIconElement = this.hasBackIcon ? hAsync("button", { type: "button", class: "drawer-action", "aria-label": "Back", onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText) : '';
     const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
     const drawerWidthValue = this.position === 'bottom' ? '100%' : this.drawerWidth + 'px';
-    return (hAsync(Host, { class: `drawer ${drawerIsOpenClass} drawer-${this.position}`, tabindex: "-1", role: "dialog" }, hAsync("div", { class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { class: "drawer-content" }, hAsync("header", { class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle !== undefined ? hAsync("h2", { class: "drawer-title" }, this.drawerTitle) : hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" })), closeIconElement), hAsync("div", { class: "drawer-body" }, hAsync("slot", null))))));
+    return (hAsync(Host, { class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "-1", role: "dialog" }, hAsync("div", { class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { class: "drawer-content" }, hAsync("header", { class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle !== undefined ? hAsync("h2", { class: "drawer-title" }, this.drawerTitle) : hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" })), closeIconElement), hAsync("div", { class: "drawer-body" }, hAsync("slot", null))))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -14462,7 +14514,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\"]{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}";
+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}";
 
 /**
  * @slot prepend - Add icon or button before the field.
@@ -14595,7 +14647,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{--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}";
+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}";
 
 /**
  * @slot  - Content of the list, it should be road-item elements.
@@ -14751,7 +14803,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-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}";
+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}";
 
 /**
  * @slot  - Content of the item, it should be road-icon and road-label elements.
@@ -15408,12 +15460,8 @@ class RoadAreaCode {
       const select = ev.target;
       if (select) {
         this.value = select.value || '';
-        const matchedOption = this.options.find(option => option.value === this.value);
-        if (matchedOption) {
-          this.selectedValue = matchedOption.value;
-        }
+        this.selectedValue = this.getMatchedOptionValue();
       }
-      return this.selectedValue;
     };
     this.onBlur = () => {
       this.roadblur.emit();
@@ -15434,8 +15482,7 @@ class RoadAreaCode {
     this.sizes = 'lg';
     this.label = 'Country';
     this.error = undefined;
-    this.value = undefined;
-    this.areaValue = undefined;
+    this.value = '';
     this.triggerRender = 0;
   }
   valueChanged() {
@@ -15445,19 +15492,20 @@ class RoadAreaCode {
     this.roadChange.emit({
       value: this.value,
     });
-    this.selectedValue = this.value;
+    this.selectedValue = this.getMatchedOptionValue();
   }
   componentWillLoad() {
     if (!this.value && this.options.length > 0) {
       this.selectedValue = this.options[0].value;
     }
     else {
-      const matchedOption = this.options.find(option => option.value === this.value);
-      if (matchedOption) {
-        this.selectedValue = matchedOption.value;
-      }
+      this.selectedValue = this.getMatchedOptionValue();
     }
   }
+  getMatchedOptionValue() {
+    var _a, _b;
+    return (_b = (_a = this.options.find(option => option.value === this.value)) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+  }
   render() {
     const labelId = this.selectId + '-label';
     const valueId = this.selectId + '-value';
@@ -15482,8 +15530,7 @@ class RoadAreaCode {
       "sizes": [1],
       "label": [1],
       "error": [1],
-      "value": [1032],
-      "areaValue": [2, "area-value"],
+      "value": [1025],
       "triggerRender": [1026, "trigger-render"],
       "selectedValue": [32]
     },
@@ -16740,21 +16787,6 @@ class RoadPhoneNumberInput {
     if (this.numberType && this.numberType !== 'FIXED_LINE' && this.numberType !== 'MOBILE') {
       this.numberType = '';
     }
-    if (this.inputValue) {
-      this.phoneNumber = this.inputValue;
-      function recupererCaracteres(s) {
-        if (s.substring(0, 2) === "00") {
-          return s.substring(2, 4);
-        }
-        else {
-          return null;
-        }
-      }
-      const chaine = this.inputValue;
-      const resultat = recupererCaracteres(chaine);
-      this.areaValue = resultat;
-      this.selectedCountry = this.getPhoneCountryCode(this.areaValue);
-    }
     if (this.areaValue) {
       this.selectedCountry = this.getPhoneCountryCode(this.areaValue);
     }
@@ -16763,6 +16795,25 @@ class RoadPhoneNumberInput {
         this.selectedCountry = this.countryData[0].countryCode;
       }
     }
+    if (this.inputValue) {
+      //   this.phoneNumber = this.inputValue;
+      //   function recupererCaracteres(s: string ) {
+      //     if (s.substring(0, 2) === "00") {
+      //       return s.substring(2, 4);
+      //     } else {
+      //       return null;
+      //     }
+      //   }
+      //   const chaine = this.inputValue;
+      //   const resultat = recupererCaracteres(chaine);
+      //   this.areaValue = resultat as string;
+      //   this.selectedCountry = this.getPhoneCountryCode(this.areaValue);
+      this.handleInput({
+        detail: {
+          value: this.inputValue,
+        },
+      });
+    }
     this.updateCountryOptions();
   }
   getPhoneCountryCode(phoneCode) {
@@ -16860,6 +16911,8 @@ class RoadPhoneNumberInput {
     catch (_e) { }
     finally {
       this.roadPhoneNumberInput.emit(returnObject);
+      // console.log(returnObject.phone.phoneCode);
+      // returnObject.phone.phoneCode = '';
     }
   }
   setAndPlaceErrorMessage(message) {
@@ -17031,7 +17084,7 @@ class SegmentedButton {
   }; }
 }
 
-const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select{height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
+const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
 
 class Select {
   constructor(hostRef) {
@@ -20663,8 +20716,8 @@ function renderBuildDiagnostic(e, t, r, s) {
   type: "build",
   header: r,
   messageText: s,
-  relFilePath: null,
-  absFilePath: null,
+  relFilePath: void 0,
+  absFilePath: void 0,
   lines: []
  };
  return e.pathname ? "/" !== e.pathname && (n.header += ": " + e.pathname) : e.url && (n.header += ": " + e.url), 
@@ -20882,7 +20935,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    line: r,
    column: s
   };
-  return t => (t.position = new z(e), m(), t);
+  return t => (t.position = new A(e), m(), t);
  }, a = o => {
   const i = e.split("\n"), a = {
    level: "error",
@@ -20927,7 +20980,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 = w() || A()); ) r.push(t), 
+  for (m(), h(r); e.length && "}" !== e.charAt(0) && (t = T() || w()); ) r.push(t), 
   h(r);
   return r;
  }, m = () => u(/^\s*/), h = e => {
@@ -20988,7 +21041,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), T = S("namespace", 11), w = () => "@" !== e[0] ? null : (() => {
+ }, E = S("import", 7), b = S("charset", 0), v = S("namespace", 11), T = () => "@" !== e[0] ? null : (() => {
   const e = i();
   let t = u(/^@([-\w]+)?keyframes\s*/);
   if (!t) return null;
@@ -21033,7 +21086,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    supports: r,
    rules: s
   }) : a("@supports missing '}'");
- })() || E() || b() || T() || (() => {
+ })() || E() || b() || v() || (() => {
   const e = i(), t = u(/^@([-\w]+)?document *([^{]+)/);
   if (!t) return null;
   const r = trim(t[1]), s = trim(t[2]);
@@ -21076,7 +21129,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    type: 5,
    declarations: r
   }) : a("@font-face missing '}'");
- })(), A = () => {
+ })(), w = () => {
   const e = i(), t = f();
   return t ? (h(), e({
    type: 13,
@@ -21084,7 +21137,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    declarations: y()
   })) : a("selector missing");
  };
- class z {
+ class A {
   constructor(e) {
    this.start = e, this.end = {
     line: r,
@@ -21092,7 +21145,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
    }, this.source = t;
   }
  }
- return z.prototype.content = e, {
+ return A.prototype.content = e, {
   diagnostics: n,
   ...addParent((() => {
    const e = d();
@@ -21133,54 +21186,62 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  ids: [],
  attrs: []
 }, serializeCssVisitNode = (e, t, r, s) => {
- 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 + ";" : "";
+ 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 + ";" : "";
 }, serializeCssRule = (e, t) => {
- 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;
+ 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;
     break;
    }
-   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;
+   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;
     break;
    }
-   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;
+   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;
     break;
    }
-   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;
+   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;
     break;
    }
-   o || n.splice(t, 1);
+   s || i.splice(t, 1);
   }
  }
- 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)}}`;
+ 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)}}`;
 }, 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) => t.values.join(",") + "{" + serializeCssMapVisit(e, t.declarations) + "}", serializeCssFontFace = (e, t) => {
+}, 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) => {
  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) => "@page " + t.selectors.join(", ") + "{" + serializeCssMapVisit(e, t.declarations) + "}", serializeCssDocument = (e, t) => {
+}, 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) => {
  const r = serializeCssMapVisit(e, t.rules), s = "@" + (t.vendor || "") + "document " + t.document;
  return "" === r ? "" : s + "{" + r + "}";
 }, serializeCssMapVisit = (e, t) => {
@@ -21197,12 +21258,14 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
  } else t += r;
  return t;
 }, removeMediaWhitespace = e => {
- 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;
+ 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;
 }, 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();
@@ -21239,8 +21302,6 @@ 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()),