@roadtrip/components 3.32.5 → 3.33.1

package/hydrate/index.mjs

@@ -127,7 +127,7 @@ const NAMESPACE = 'roadtrip';
 const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, 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, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, 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 };
 
 /*
- Stencil Hydrate Platform v4.27.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -147,9 +147,9 @@ var isComplexType = (o) => {
 };
 
 // src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc) {
+function queryNonceMetaTagContent(doc2) {
   var _a, _b, _c;
-  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+  return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
 }
 
 // src/utils/regular-expression.ts
@@ -506,8 +506,8 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       delete hostElm["s-sc"];
     }
   }
-  if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
-    initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
+  if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
+    initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
   }
   hostElm[HYDRATE_ID] = hostId;
   hostElm.removeAttribute(HYDRATE_ID);
@@ -830,8 +830,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   childVNode.$name$ = slotName || null;
   childVNode.$tag$ = "slot";
   const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
-  if (shadowRootNodes && win.document) {
-    const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
+  if (shadowRootNodes) {
+    const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
@@ -1275,10 +1275,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles$1.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === "string") {
       styleContainerNode = styleContainerNode.head || styleContainerNode;
@@ -1291,9 +1288,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
+          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
           styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
@@ -1543,7 +1540,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   if (newVNode2.$text$ !== null) {
-    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+    elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
   } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
     elm = newVNode2.$elm$ = slotReferenceDebugNode(newVNode2) ;
     {
@@ -1553,12 +1550,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     if (!isSvgMode) {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
-    if (!win.document) {
-      throw new Error(
-        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
-      );
-    }
-    elm = newVNode2.$elm$ = win.document.createElementNS(
+    elm = newVNode2.$elm$ = doc.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
       !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     ) ;
@@ -1940,7 +1932,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
       markSlotContentForRelocation(rootVnode.$elm$);
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
-        if (!nodeToRelocate["s-ol"] && win.document) {
+        if (!nodeToRelocate["s-ol"]) {
           const orgLocationNode = originalLocationDebugNode(nodeToRelocate) ;
           orgLocationNode["s-nr"] = nodeToRelocate;
           insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
@@ -1984,18 +1976,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   }
   contentRef = void 0;
 };
-var slotReferenceDebugNode = (slotVNode) => {
-  var _a;
-  return (_a = win.document) == null ? void 0 : _a.createComment(
-    `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
-  );
-};
-var originalLocationDebugNode = (nodeToRelocate) => {
-  var _a;
-  return (_a = win.document) == null ? void 0 : _a.createComment(
-    `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
-  );
-};
+var slotReferenceDebugNode = (slotVNode) => doc.createComment(
+  `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
+);
+var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
+  `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
+);
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -2496,19 +2482,16 @@ var connectedCallback = (elm) => {
   }
 };
 var setContentReference = (elm) => {
-  if (!win.document) {
-    return;
-  }
-  const contentRefElm = elm["s-cr"] = win.document.createComment(
+  const contentRefElm = elm["s-cr"] = doc.createComment(
     ""
   );
   contentRefElm["s-cn"] = true;
   insertBefore(elm, contentRefElm, elm.firstChild);
 };
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-  if (listeners && win.document) {
+  if (listeners) {
     listeners.map(([flags, name, method]) => {
-      const target = getHostListenerTarget(win.document, elm, flags) ;
+      const target = getHostListenerTarget(elm, flags) ;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -2530,24 +2513,20 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e, hostRef.$hostElement$);
   }
 };
-var getHostListenerTarget = (doc, elm, flags) => {
-  if (flags & 4 /* TargetDocument */) {
-    return doc;
-  }
-  if (flags & 8 /* TargetWindow */) {
-    return win;
-  }
+var getHostListenerTarget = (elm, flags) => {
+  if (flags & 4 /* TargetDocument */) return doc;
+  if (flags & 8 /* TargetWindow */) return win;
   return elm;
 };
 var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
 
 // src/runtime/vdom/vdom-annotations.ts
-var insertVdomAnnotations = (doc, staticComponents) => {
-  if (doc != null) {
-    const docData = STENCIL_DOC_DATA in doc ? doc[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+var insertVdomAnnotations = (doc2, staticComponents) => {
+  if (doc2 != null) {
+    const docData = STENCIL_DOC_DATA in doc2 ? doc2[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
     docData.staticComponents = new Set(staticComponents);
     const orgLocationNodes = [];
-    parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
+    parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
       var _a;
       if (orgLocationNode != null && orgLocationNode["s-nr"]) {
@@ -2573,11 +2552,11 @@ var insertVdomAnnotations = (doc, staticComponents) => {
                 return;
               }
             }
-            const commentBeforeTextNode = doc.createComment(childId);
+            const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
             insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
           } else if (nodeRef.nodeType === 8 /* CommentNode */) {
-            const commentBeforeTextNode = doc.createComment(childId);
+            const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
             nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
           }
@@ -2596,7 +2575,7 @@ var insertVdomAnnotations = (doc, staticComponents) => {
     });
   }
 };
-var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
+var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
   var _a;
   if (node == null) {
     return;
@@ -2612,13 +2591,13 @@ var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
         const cmpData = {
           nodeIds: 0
         };
-        insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
+        insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);
       }
-      parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
+      parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);
     });
   }
 };
-var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
+var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
   if (vnode != null) {
     const hostId = ++docData.hostIds;
     hostElm.setAttribute(HYDRATE_ID, hostId);
@@ -2628,7 +2607,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
     if (vnode.$children$ != null) {
       const depth = 0;
       vnode.$children$.forEach((vnodeChild, index) => {
-        insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
+        insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);
       });
     }
     if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
@@ -2649,7 +2628,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
     }
   }
 };
-var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
+var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {
   const childElm = vnodeChild.$elm$;
   if (childElm == null) {
     return;
@@ -2668,7 +2647,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
     const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
     if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
       const textNodeId = `${TEXT_NODE_ID}.${childId}`;
-      const commentBeforeTextNode = doc.createComment(textNodeId);
+      const commentBeforeTextNode = doc2.createComment(textNodeId);
       insertBefore(parentNode, commentBeforeTextNode, childElm);
     }
   } else if (childElm.nodeType === 8 /* CommentNode */) {
@@ -2681,7 +2660,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
   if (vnodeChild.$children$ != null) {
     const childDepth = depth + 1;
     vnodeChild.$children$.forEach((vnode, index2) => {
-      insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index2);
+      insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);
     });
   }
 };
@@ -2897,7 +2876,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
       return elm;
     };
     tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
-    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", win2.document.baseURI).href;
+    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc.baseURI).href;
     patchChild2(win2.document.body);
     waitLoop2().then(hydratedComplete).catch(hydratedError);
   } catch (e) {
@@ -3104,6 +3083,7 @@ var registerComponents = (Cstrs) => {
   }
 };
 var win = window;
+var doc = win.document;
 var writeTask = (cb) => {
   nextTick$1(() => {
     try {
@@ -3220,7 +3200,7 @@ class Accordion {
         const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
         const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
         const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
-        return (hAsync("details", { key: 'a3469eb6d8aef3b880677284c59e69eb62f205e8', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: 'b0c18225580028ad00098aa494a29b2c956b7561', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'a066d273354e022c095978edeae2040eddb75804', class: accordionLightHeader }, hAsync("slot", { key: '13056e6babf83f00ebfd538aa79a9fae24ab344f', name: "icon-left" }), hAsync("slot", { key: '7f54051ce9e12dc9ef8e30f7262096a1248d19bb', name: "header" }), hAsync("road-icon", { key: '4161743fdea3953e151525481a338c7a87edd159', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '42f14c07ceabf357f4042207e35f828e782aefbc', class: accordionLightContent }, hAsync("slot", { key: 'c0e67f0215366eb9e129b341f02ff88a5c019b43' }))));
+        return (hAsync("details", { key: '9ecf9d3dd47a312ea19186da4a7f5481888ed3c9', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: '602b2aaf2ce59966ed779b2d8308b7aa58cd8b74', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'c883e3372d6d159d1b0b75e739cc5612185491c4', class: accordionLightHeader }, hAsync("slot", { key: '076b3ec9679721b42700006141a1ef8cfef45aeb', name: "icon-left" }), hAsync("slot", { key: '77ef2666538e4270898992bea01f868747722268', name: "header" }), hAsync("road-icon", { key: 'f80d4a114cf6fb1b2a5f91b7e956b16710f663ff', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: 'eaac61794b2ad598869da68ab3e80ebd2ee6e8f6', class: accordionLightContent }, hAsync("slot", { key: 'c447b25b94660720dbbe3e068544d2d2b8213301' }))));
     }
     static get style() { return RoadAccordionStyle0; }
     static get cmpMeta() { return {
@@ -3255,7 +3235,7 @@ class Alert {
     }
     render() {
         const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
-        return (hAsync(Host, { key: 'b654cd8f516e47f8a6c0e7a1a4bfd9cae09076e0', class: colorClass, role: "alert" }, hAsync("div", { key: '280b009d269a3dd510bcfabf8f4d7e5eb61cda80', class: "alert-icon" }, hAsync("slot", { key: '17d81df60b117ab8b246d9b73c832954ec7296d1', name: "icon" })), hAsync("div", { key: '46f8799b8b2ef9e525a4d7f00b5c53ddd98fe4d1' }, this.label && hAsync("span", { key: '900b5b9f095356d008fb2bae5c03cc28eb828a8a', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'c65304f2cb7c7109350f3265a88a507ff84bb0c8', class: "alert-description" }, hAsync("slot", { key: '3f34a35e3bbfd3a2fe96531e9d7a0cfd00df7b74' }), this.link && hAsync("a", { key: '4149db714ea2fc13148d1e44d6e0dd9cc73dee45', href: this.url, class: "alert-link link link-default" }, this.link)))));
+        return (hAsync(Host, { key: '9cc447d2252f1de44cf00844bba543faeee47673', class: colorClass, role: "alert" }, hAsync("div", { key: '99aae458e240b0ceca6bcaf480e1eaf34d278083', class: "alert-icon" }, hAsync("slot", { key: 'ab906fadd80be1cc2013ccfb5fe5b5dfb2b58e4d', name: "icon" })), hAsync("div", { key: 'e28570db8110387f914eceee41805246f9d1ee00' }, this.label && hAsync("span", { key: 'c28a7937a0c9128723d889f96a716adf0f8b3b32', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'e09f90763280f99114bbecc77609fc52eaec8156', class: "alert-description" }, hAsync("slot", { key: 'fd033b5cdeaaed1750aa56a97cace05f00299919' }), this.link && hAsync("a", { key: 'a03c33930745ea5ca76ce44c5837f2fc603440d5', href: this.url, class: "alert-link link link-default" }, this.link)))));
     }
     static get style() { return RoadAlertStyle0; }
     static get cmpMeta() { return {
@@ -3354,7 +3334,7 @@ class Asset {
         }
     }
     render() {
-        return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
+        return (hAsync(Host, { key: '2d503f725eb5c0b6a4a14d63b13482c759a82346', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -3424,8 +3404,8 @@ class Autocomplete {
         }
     }
     render() {
-        return (hAsync(Host, { key: '46eeec7665a075a37025173b3a86f42e9263c835' }, hAsync("slot", { key: 'f3513033a2e4a3e22d30218c47e1eed0e2e7bc94' }), this.visible && this.options.length > 0 &&
-            hAsync("ul", { key: '1527ef97b9885082769751a9b5aaf254df54d94b', class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
+        return (hAsync(Host, { key: 'cd78e4ac91f09453798ba115ced0fb988eb0a8a7' }, hAsync("slot", { key: '1d7b9bbd7b60d1c711f5c607679acf6e84a21b94' }), this.visible && this.options.length > 0 &&
+            hAsync("ul", { key: '1e888535bd025805a784f5be52d7266ce9505834', class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadAutocompleteStyle0; }
@@ -3458,7 +3438,7 @@ class Avatar {
     }
     render() {
         const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
-        return (hAsync(Host, { key: '6f57ba54014a8220d4262e0fd61dd807ed09f5e2', class: `${sizeClass}` }, hAsync("slot", { key: '3152a4be46b7d1d68df32861f690ae7bf5cf1c37' })));
+        return (hAsync(Host, { key: 'ae94654b2d0efa40df3f7f8bb0b98eedd13dbabc', class: `${sizeClass}` }, hAsync("slot", { key: 'f08ba7c45f82d1c97875f8d84cf6366180b7d28f' })));
     }
     static get style() { return RoadAvatarStyle0; }
     static get cmpMeta() { return {
@@ -3494,7 +3474,7 @@ class Badge {
     render() {
         const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
         const bubbleClass = this.bubble ? 'badge-bubble' : '';
-        return (hAsync(Host, { key: '16742c39b5260aadf2da3067ce5a2812fe4c462f', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: 'd989a2f2bcdd588fc483b71e8d630387997deb95' })));
+        return (hAsync(Host, { key: '46710f751904f847c87a9d4c7aecfff28cd947b7', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '057541241fcce16d82c935db7ed1685549ae8658' })));
     }
     static get style() { return RoadBadgeStyle0; }
     static get cmpMeta() { return {
@@ -3543,7 +3523,7 @@ class Banner {
     }
     render() {
         const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
-        return (hAsync(Host, { key: '3b26ce08382bc4c226be95bce24f45f10727bc3a', class: bannerIsOpenClass }, hAsync("div", { key: '30438032a71d86cc054ed048c4362f891dd958f5' }, hAsync("span", { key: 'be69b7116ff47b43490534d86428f1c38f98259b', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'b8ff1de1d13dbc06f64a7378b1d959d2c80546c5', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '35a63144540b01d7eb148970d1cb872cc3c499af', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '89043091f5e7503601584b59403f0addb8287eb9', icon: navigationClose, size: "md" })))));
+        return (hAsync(Host, { key: 'b577ca0f17edb3b46c7b2cb2ac2197f5f02c8812', class: bannerIsOpenClass }, hAsync("div", { key: '7fdae564fca2e5afc700f2b84ef8c5d9202a6f0d' }, hAsync("span", { key: '288fc95bd055ed51200118a5324c356ed713c49c', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'd9973fea9e8ca309dc8d4857514f66fd8a2f214f', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '11c3445b111c27dfeb4d4cfbee80451bb6d324dd', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '224ac1f3cf541008e52deaa80cf67036136ef619', icon: navigationClose, size: "md" })))));
     }
     static get style() { return RoadBannerStyle0; }
     static get cmpMeta() { return {
@@ -3649,7 +3629,7 @@ class Button$1 {
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
         const expandClass = this.expand ? 'btn-block' : '';
         const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
-        return (hAsync(Host, { key: '57327cf5e013e564975f2d89f0e58b8b616e714b', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '58e517e5e47714f0de398ab5fb98b7499b1da2d3' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '06e5d39c87cd40a4cb419125bb486f8d54afaf9f', name: "start" }), hAsync("slot", { key: 'cf7b775a0a57bfb3f6bba1128a6462e2c7d02c07' }), hAsync("slot", { key: 'd04aa7d04dc9d3d22d912aed80ea163be3fa3a3f', name: "end" }))));
+        return (hAsync(Host, { key: 'e5b8dd08f76f1df148dc709400f6bc6f5f1d172f', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '7b6f3ebbb0efe42833c9d8be4d673717baf804d2' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '0983ac49a4ddb3fb86e53bb327f319bb2506bf9b', name: "start" }), hAsync("slot", { key: 'd51132e2d19d746e753b51f43ab0f7125d5e9e71' }), hAsync("slot", { key: '4c80d11c1321f7d818dee47d3912045546dbfde5', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonStyle0; }
@@ -3734,7 +3714,7 @@ class Button {
     render() {
         const TagType = this.href === undefined ? 'button' : 'a';
         const positionClass = this.position !== undefined ? `position-${this.position}` : '';
-        return (hAsync(Host, { key: 'ffb60871f5d27b54ec48f9ba8e699960e5edf16d', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: 'd62ca1111a2bce02e942e91fd867470974269cee', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: 'd0b29a5717d1386f8dc145b945b79994e36e039e', name: "start" }), hAsync("slot", { key: '9db183b8b6533b7bc091364033f167b2d0b7004b' }))));
+        return (hAsync(Host, { key: 'b6a0c45dc2bd3f248c2c4dbac33d65fb711e870c', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '0d5f7ec7699618790560496f3121d1573ec94967', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '2d4a42b9bdce645b658335b5beaa659876cd39cc', name: "start" }), hAsync("slot", { key: '6a69fabd8f023d9c99162de0b94d06d5830886fc' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonFloatingStyle0; }
@@ -3779,7 +3759,7 @@ class ButtonBar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '7fffe10ee5aa2a3ee09086f24e637c5e07992487', role: "tablist" }, hAsync("slot", { key: '10e9ca402be8299b44ef9cb41921cf846e280fe9' })));
+        return (hAsync(Host, { key: 'a86825b2a0a80447cf3c3226cf147a273fad1a8e', role: "tablist" }, hAsync("slot", { key: 'a94f54337ed8a4b962672463efa8f2dbbd7ca9b2' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3862,7 +3842,7 @@ class Card {
     render() {
         const { elevation } = this;
         const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
-        return (hAsync(Host, { key: '4b33b971a83bdc61a6f263d0d875fc4ce001b1e2', class: `${elevationClass}` }, this.renderCard()));
+        return (hAsync(Host, { key: 'f80c0254db11ead4353613bc40fd24e602ec92e0', class: `${elevationClass}` }, this.renderCard()));
     }
     get el() { return getElement(this); }
     static get style() { return RoadCardStyle0; }
@@ -10609,7 +10589,7 @@ class Carousel {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'bd56a3d4295733f9ccd9d44178b71fdf8d6faf80', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: 'c0f8061060089cce5cfd4e1a73dc6d139ca5882f', class: "swiper-wrapper" }, hAsync("slot", { key: 'b21ada18d0c456767d540ccd59e5c1cce00e9fa2' })), this.pager && hAsync("div", { key: 'ed3e6e57cb5ff73b4ab3990d3e6ad307f8487451', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '891f70fa003492b46bf2426b772a2a6c4a72cf45', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'd6dc350a2f30a0bb74152755d410edf19f3dc87c', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '6248c621551d1a972b6448135b98353b493f7b50', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '20d0af76b9d2486f122835ad5bd125edc06777ae', icon: navigationChevron })))));
+        return (hAsync(Host, { key: '2a982ae0f568ff1c1b5058eb625089e2641167e3', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '33998e1721368db6676c787d8d8d147d58b20f2b', class: "swiper-wrapper" }, hAsync("slot", { key: 'a30ca3227585421f0d0007464dfa102287d7445d' })), this.pager && hAsync("div", { key: '4b64e3039747df92ef1ffe35cf8ceed172773806', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '693773a16e3cb5c26f95ef80b824e1a7fad15335', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'a0f3bf52a1c66efb39f0060ceac0d7d57b0425ff', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'df9ac586165de6ff2aa4e10292ef7f6c841da937', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '450b3fbf29d3d3afb52fdabf428af42ac8af6e92', icon: navigationChevron })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10660,10 +10640,10 @@ class CarouselItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad1fcbb1419b1ca05ddfbd0d398c5fc2a7b4e55c', class: {
+        return (hAsync(Host, { key: 'f425a67ef916ebbe06b2b670e552ab34239c15f3', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, hAsync("slot", { key: 'e38a514a6965db10c79e5ece9ef7bbc273a32fe7' })));
+            } }, hAsync("slot", { key: '952543988b361e537351e7e2ae13926daed98962' })));
     }
     static get style() { return RoadCarouselItemStyle0; }
     static get cmpMeta() { return {
@@ -10754,7 +10734,7 @@ class Checkbox {
         const labelId = this.checkboxId + '-label';
         const inverseClass = this.inverse && 'form-checkbox-inverse';
         const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'f16e29d51017bee1efb9600331cf9ecadc81b8ef' }, hAsync("input", { key: 'b0323e72a41252b61165cef98ec0d4018e05c0c6', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'f707e5f80448890998b3f17024dcdaa8440f1676', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: 'd114ab8b878a19b3abbf81a09b2e5d5d8b42a74d' }, this.label, " ", hAsync("span", { key: '6999e86aa34752d5a583143ca797c4fcde6ec123', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '4a3e284226fd18ecc87f2f3a749de8caf31a5da1' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '2bb4df593e57edba39acbb171dd807bde34ab286', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '48f0661a7810dfe8e3f32d4fefe2eafac0c294ec', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '9ee03128a2f23fd6bebcc60e9ae73f2035bd9b25', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '0a4d6d19679549b2fa006129a9319c1106ac7d85', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '6995fbbbeb6ebf2d951c3c1c27e5ac5fb01f83d4' }, hAsync("input", { key: '5ccb5ef98693bda515581883c7131862cd05dd15', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'f4c1b13fce865e543ea9cf945e1d49555316d852', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '722430e8e0cb36ace19fbe7f607678adfa5016b9' }, this.label, " ", hAsync("span", { key: '716477446f4e38dc044f166a8570eeb0ed0349fa', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '8efd53b72e82e1c733ba1e76ff947e214eb5871d' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '5dadb9ce2d72ee95e3997603c6603a2cbc6b5cf9', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '4404d6ece6992963c92f49cac43dd916462de828', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '157dd931ea7c70d2fd5f9e9831c04d1330cf302d', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '75e1b6fbd4227193fc7095ac9a9e01efcbae944b', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -10812,7 +10792,7 @@ class Chip {
     }
     render() {
         const outlineClass = this.outline ? 'chip-outline' : '';
-        return (hAsync(Host, { key: '6984fe20341a84195a6e855b242f9d4b52a90448', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '27080c8b8a87a10b8943aea1563da0174a0405aa', class: "chip-description" }, hAsync("slot", { key: 'dc915b09d73c31b40447a25e99c9c8e2cb490932' })), this.hasCloseIcon && hAsync("road-icon", { key: 'fb6e297f93e7d2a71f34e51c77eafc57391080e2', class: "chip-close", icon: navigationClose })));
+        return (hAsync(Host, { key: '8d77450b3756d8422dcb5515b348c5aa7e0171e6', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: 'd3bb97b4345f5a4111ca1705f0125de1fec3ffb7', class: "chip-description" }, hAsync("slot", { key: '2ef12b7b35ebe5e8467359cc30f13653e57d407b' })), this.hasCloseIcon && hAsync("road-icon", { key: '63989d14622de72651c3477373fab76c4088082f', class: "chip-close", icon: navigationClose })));
     }
     static get style() { return RoadChipStyle0; }
     static get cmpMeta() { return {
@@ -10841,7 +10821,7 @@ class Col {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '31d1c2466605d958b1e09d2a3560df534e27fcfb' }));
+        return (hAsync("slot", { key: '5f6e0170465e4bb6b7e94d2e383bf46dfca94e4c' }));
     }
     static get style() { return RoadColStyle0; }
     static get cmpMeta() { return {
@@ -10891,7 +10871,7 @@ class Collapse {
         const isOpenClass = this.isOpen ? 'collapse-open' : '';
         const buttonText = this.isOpen ? this.showLess : this.showMore;
         const centerClass = this.centered ? 'collapse-btn-centered' : '';
-        return (hAsync(Host, { key: '6e386b6d38d82a531552aa51a75c1936aa648086' }, hAsync("slot", { key: '4f2a6c4da34fb988a2502c42e84cf04e2ff8b3d9' }), hAsync("div", { key: 'd526b164e59b383060181b421348bf841ebfc87b', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: 'b9f02396aa6b7599bda288ef90eaf86bf6840be4', name: "collapsed-content" })), hAsync("div", { key: 'f8295bbd155c7516b0fdd3e2a58ccd4b5188844b', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: 'e93ff7cbb3038bf93fc47467708485edec2c9a13', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+        return (hAsync(Host, { key: 'aca8371dea8c26e595b0ab425aa86c20c0b68579' }, hAsync("slot", { key: 'acd50d732c5c51863ceade2b137a734cccbdfbb9' }), hAsync("div", { key: '78bbbdc169a5094b3621b9d88c8ef1758c7463eb', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '8dfe513b0bfd06c1b23d6d1c33f73145064cd373', name: "collapsed-content" })), hAsync("div", { key: '21a9987c19df272d8ab9bc45080c60eeb94c2984', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '1c129c724c182c1d9fe794d242b19b29518262c7', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
     }
     static get style() { return RoadCollapseStyle0; }
     static get cmpMeta() { return {
@@ -10928,7 +10908,7 @@ class ContentCard {
     }
     render() {
         const insetImageClass = this.insetImage ? '' : 'content-card-image';
-        return (hAsync(Host, { key: 'e053ef7978db53d7fecd4628ccc4e5708e128e93' }, hAsync("road-img", { key: 'bb7b363f08ada6385b0744da1b145d8c190ef309', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '70143643e05373e3230aab8a151d7f6986a2c6ef', class: "content-card-description" }, hAsync("road-label", { key: '4dbf374d7fee075b782af68e3627a6fedaf69cb2', class: "content-card-description-title" }, hAsync("slot", { key: '1f70c536151777a0ce5a002c2054306123bcf2ec', name: "label" })), hAsync("p", { key: 'e62f439d92a7ca6a406ab2fcdc5501488613872c', class: "content-card-description-text" }, hAsync("slot", { key: '42bbeb6043724fa897ae49c453f5339ea893fcfc', name: "description" })), hAsync("div", { key: '971bad2a897bce4a4180db88d8a7f0abacd23aee', class: "content-card-description-buttons" }, hAsync("slot", { key: '7c33368ae9c3a748d52b03dbf52fe40e7c738562' })))));
+        return (hAsync(Host, { key: 'd480ba5219125988804c1461949620dabf50ed10' }, hAsync("road-img", { key: 'fff91989b67bb433a1db33f76ad2f69796c9f075', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: 'b6c1dda6c4cf5aa3ae8c808869ac0bf867335525', class: "content-card-description" }, hAsync("road-label", { key: 'cff5c4b179a58c2f0878907212a14eeaeb91d578', class: "content-card-description-title" }, hAsync("slot", { key: 'f060f44486a70437a13c4f14bfcf5bb775c5ddbd', name: "label" })), hAsync("p", { key: '21ca4e02a190a60f65e1cdf5d641d2ef53c6a30f', class: "content-card-description-text" }, hAsync("slot", { key: 'ad0da6400b634f76cb15904b25dd23eaff6e16ee', name: "description" })), hAsync("div", { key: '300de99b13b9bd004f5c2be585b714a8cbacc050', class: "content-card-description-buttons" }, hAsync("slot", { key: '7e9f812b6144336b2010bb38b154f85ef00abc47' })))));
     }
     static get style() { return RoadContentCardStyle0; }
     static get cmpMeta() { return {
@@ -11088,7 +11068,7 @@ class Counter {
     }
     render() {
         const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
-        return (hAsync("road-input-group", { key: '8c5c49f3a335f5becc5b1c67823b3bede8847d7b', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'b31f4ea302a78333283578875bfe488891da73e9', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '1b18e482d8cc3d2975c9cf3c52a42f3ae4660238', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { key: '01475e769b04aa4080be3e24cf1f16d1651bb5a1', ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { key: '4a27e374ce3cee4d1c47a5f921af4b2e2d6fbc53', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: '3a53a84956795e8576a3e4ba240a17f074d96575', name: "navigation-add-more", size: this.size, role: "button" }))));
+        return (hAsync("road-input-group", { key: 'bbedd0e44413119eaa6e7cc67939fd0110382664', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'fe454b832af27bc9cfe558229ce861d3ee3db5b5', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '25bba57b31a2c51f559dd4aed2e2d24ae1b28176', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { key: '62a5e892d86f847657e16a1944215c0c4ffaaf5c', ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { key: 'cd5ecfe32e70032ea5b5c48be31465a5d773e9f0', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: 'beb7da66e43a95be32cfafd061e1166d3a8e679d', name: "navigation-add-more", size: this.size, role: "button" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11204,11 +11184,11 @@ class Dialog {
                     break;
             }
         }
-        return (hAsync(Host, { key: '2c8db56b9961b0344f525d832351583ddcfbf3b2', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'c931f46217f533acf46f70968fe04319f639f7ad', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '0b141dde632d78b058263431af0f5d4470f267c5', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: '78ed93fb9251f925bc0f33e43961bd4a656777ab', class: "dialog-content" }, hAsync("header", { key: '5e4bfdd20864ff18f8352536f918d801d338a9d5', class: "dialog-header" }, this.hasCloseIcon
+        return (hAsync(Host, { key: 'c5b646f2f3a72188a16cac11ef4c3228b88dd0b1', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'd81b4dc31a097bf77829aef84f9089339374ab92', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: 'beb6a951560b83a2b58db31ac345e101e72b68da', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'dfc3a78e469c648689b5e11f8de3ec7834f6eced', class: "dialog-content" }, hAsync("header", { key: '59c066d9a3bcec051697838c5eed0bcec69defb4', class: "dialog-header" }, this.hasCloseIcon
             ? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
-            : ''), hAsync("div", { key: '787c2b4a2791f0098424159f1a1f1462973d7f88', class: "dialog-body" }, this.color !== undefined
+            : ''), hAsync("div", { key: '9cb587ec75f3f6c8cb9d0335c3ffe150d8e3d03a', class: "dialog-body" }, this.color !== undefined
             ? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
-            : '', hAsync("h2", { key: '3445750e2edadb33dc2219b72642ff0209b3c1c6', class: "dialog-title" }, this.label), hAsync("p", { key: 'db5324827d724d10a38cb7187dc717fa74a57cc7', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '59ba58e5ab179d493b21f6a2d42b8bc5e4bb04d3', class: "dialog-footer" }, hAsync("slot", { key: 'c4e5b3236e31f94bf0d08c00f4c21161b3d09969' }))))));
+            : '', hAsync("h2", { key: 'd50ab0b85e07805953c5f11375111ac268cdc0ab', class: "dialog-title" }, this.label), hAsync("p", { key: '6343a2dace2b1becc4011c649806c03c6ad4bf70', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '4dffea28ba6fbdb511b08986c296657a79f454e0', class: "dialog-footer" }, hAsync("slot", { key: '2cda1d339639b6bed89cf5a2d01d99e2482e972b' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDialogStyle0; }
@@ -11231,7 +11211,7 @@ class Dialog {
     }; }
 }
 
-const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
+const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
 var RoadDrawerStyle0 = drawerCss;
 
 /**
@@ -11253,6 +11233,10 @@ class Drawer {
          * Set isOpen property to true to open the drawer
          */
         this.isOpen = false;
+        /**
+       * Set removePadding property to true to remove padding for drawer body
+       */
+        this.removePadding = false;
         /**
          * position of the drawer. e.g. left, right, bottom
          */
@@ -11361,6 +11345,7 @@ class Drawer {
     render() {
         var _a, _b, _c;
         const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
+        const removePaddingClass = this.removePadding ? 'remove-padding' : '';
         const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
         const ariaLabel = (_a = this.ariaLabel) !== null && _a !== void 0 ? _a : 'drawer';
         const ariaLabelBack = (_b = this.ariaLabelBack) !== null && _b !== void 0 ? _b : 'Back';
@@ -11369,7 +11354,7 @@ class Drawer {
         const backIconElement = this.hasBackIcon ? (hAsync("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
         const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
         const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
-        return (hAsync(Host, { key: '4d9be03736741085ab2e44728221fa931702f7a2', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'c613b7c05b4dfbef48310a6c1565caa8d091c6c0', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '70076089664b4566643bf831a4db3be3a7af68ac', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: 'df3d3339ab9154a2739b0363d344fa5ae4f8b94a', class: "drawer-content" }, hAsync("header", { key: 'fc42b61e3c39be98e8c3a74bb123f73c1c2e5233', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: 'a2d41d92db31c710971d719400fd0e12e0980961', class: "drawer-body" }, hAsync("slot", { key: '9beff60ac4b62b62c0e64bb0589823bedaf02cf7' })), hAsync("footer", { key: 'f104a4bf836bfe093f07d4613c243ff5b58ea58d', class: "drawer-footer" }, hAsync("slot", { key: 'b53316f9351fd23e9baf4be885772542cba6df92', name: "footer" }))))));
+        return (hAsync(Host, { key: '8fe90c0fdc80e150cd713ac326554ff8f790913a', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '5af4bae5d683fc8b19b2bdd61660f0fa463b2948', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '52706ef32a512568a02eb5766040ed01946170ba', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '15675caaec49446aa3b06ccabb7021f8c31e58d9', class: "drawer-content" }, hAsync("header", { key: '95dc46033d506ae042b909266979e2377582b1be', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '46129980f11977dbe4261ade582df181b3a4b5c4', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '1037e25ad0ed3e8375ad62899e4b917fb2d4434d' })), hAsync("footer", { key: 'aee3c1bdd15d62a50a09f511b3deca96212d32e5', class: `drawer-footer ${removePaddingClass}` }, hAsync("slot", { key: 'a90ddd3755cc30dbd4718dbcf57cd2c1799837a7', name: "footer" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11381,6 +11366,7 @@ class Drawer {
         "$tagName$": "road-drawer",
         "$members$": {
             "isOpen": [1028, "is-open"],
+            "removePadding": [1028, "remove-padding"],
             "position": [1],
             "drawerWidth": [2, "drawer-width"],
             "hasInverseHeader": [4, "has-inverse-header"],
@@ -11401,7 +11387,7 @@ class Drawer {
     }; }
 }
 
-const dropdownCss = ":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover{background:var(--road-surface-inverse)}.dropdown-item.focus-visible{outline:auto}";
+const dropdownCss = ":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:2;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover{background:var(--road-surface-inverse)}.dropdown-item.focus-visible{outline:auto}";
 var RoadDropdownStyle0 = dropdownCss;
 
 class Dropdown$1 {
@@ -11429,7 +11415,7 @@ class Dropdown$1 {
         const positionClass = this.position ? `position-${this.position}` : '';
         const dropdownClass = this.position ? `dropdown-${this.position}` : '';
         const directionClass = this.direction ? `direction-${this.direction}` : '';
-        return (hAsync("details", { key: '63664ef857943b6aeccfa742262132ccd0f0ea3d', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '5286cc9ed3f2d928350bafb6e8420faa34b25b33', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '5c8849bea5ed2a5bcee7432d5a59597c490b1bb2', class: `d-flex ${positionClass}` }, hAsync("div", { key: '0e5ca32d720b1230083469d39c0a032ae345abc3', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'd65534d956a28d5238f38fdea121491ff7923900', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '9e9a77d0c43b5770b443967c9e828d758d55dd3f', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'c5693e782f0a05dfd5f62a7d96eb2418e619e2f9', name: "list" }))));
+        return (hAsync("details", { key: '97d54f4f12e0380ade1037a6c92622896f4068f9', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '2e26d9b9b47cd2cecb484a681247b2b460c09db1', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '21e361440e141ad47e14ba14098c59f5c8ecd465', class: `d-flex ${positionClass}` }, hAsync("div", { key: '0f9c052ba4f747b35eba8bc2d5f2a9cef1321027', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'd6922e803a5ae9da688a960566dfc5ed9a57ca30', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'a4f1b5931247665d5f84853e42680ee4b04c2366', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'a349d6d09031c4bf0816e67fcf6a15401b10ced3', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDropdownStyle0; }
@@ -11485,7 +11471,7 @@ class Dropdown {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("details", { key: 'ef885563a57a00c14694efdc7535b2f589cd5558', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'd653bf84dded67c1e7ee765951335e08c22cf5e5', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '2d1d9bb7d125d26be995636447148bc60ce3ebee', class: `d-flex` }, hAsync("div", { key: 'd09e9dce1f1509092acdd9c55ac86f77620a8945' }, hAsync("road-avatar", { key: 'd5d20f6e0f6af0d710d0c40e1027f07ba27c4ec5' }, hAsync("slot", { key: '1e23ef5fd196881d23a144326b26cf223cc06c31', name: "avatar" }))))), hAsync("div", { key: '12b770b0426f1ca4f5550656b8ddb5f868f7f5c4', class: `dropdown-menu` }, hAsync("div", { key: '502d4e9f0a65c0aa72021cde7462c4b056223326', class: "profil-item" }, hAsync("road-avatar", { key: '0568250f850bf1f56169b8f40a89d16c0d0a4400', size: "sm" }, hAsync("slot", { key: '3e5896405e5f155a3721eda74a99bda6fbbf5500', name: "avatarItem" })), hAsync("div", { key: '9c3c0af4361d5e36e3189c2bc9fa156e80d9b52a', class: "profil-item-info" }, hAsync("span", { key: '14d317fb694adbfa415897059191e0586689c354', class: "profil-item-info-name" }, hAsync("slot", { key: 'e42863210087468ff02e50a669b99d4fdc2f048d', name: "name" })), hAsync("road-label", { key: '451c674889bccb623c397b05310046d00bd32986' }, hAsync("slot", { key: 'e37cc7000e92ef1d7573f98fc30bf64223e10340', name: "email" })))), hAsync("slot", { key: 'e14e18ceefeff09ea09abb71c36e8f0e9d432f71', name: "list" }))));
+        return (hAsync("details", { key: 'f123e903ea61736684002a88ec90f59aa3ad3583', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '57a2d0d8bdb9e390fc80c4594d19b8007aea8457', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '730847ca6551bd97a8ca5ce326d7c688db45abc9', class: `d-flex` }, hAsync("div", { key: '81ba00fedd8966a4de1d9b6e5fb143d604f7fd78' }, hAsync("road-avatar", { key: '1ffd5f201991e00426e3d2346f71cf368d575bed' }, hAsync("slot", { key: '5f315edbf2e208588d65481f6d1fdef9cc710167', name: "avatar" }))))), hAsync("div", { key: '5804a1978a34d124b9c0d393afc2cf3a9a8455cd', class: `dropdown-menu` }, hAsync("div", { key: '7f51670d9ae8cb74c9b4f166f95e100b54f4afa8', class: "profil-item" }, hAsync("road-avatar", { key: '038981301f8ac3c3f0a978f6df2e01014cb6977d', size: "sm" }, hAsync("slot", { key: '6e4c81af9c168c885145897b44083813511c992a', name: "avatarItem" })), hAsync("div", { key: '4956eeb2228dbdc85a05f6f6bd16b5ccc4642395', class: "profil-item-info" }, hAsync("span", { key: 'd774824085fb7064e8ac23a483b5d7f1beaf3c19', class: "profil-item-info-name" }, hAsync("slot", { key: '9f5d555413a29a54ad5132b7ee3e8681581c1ff1', name: "name" })), hAsync("road-label", { key: '833afbf05b3c926412e531af54d5b4bfddd57659' }, hAsync("slot", { key: '3a91061fb84cdcb6b752b9d64433fccbc75d8201', name: "email" })))), hAsync("slot", { key: '2a6afe22e66a02265b2c1c2e3a825af1357910ff', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadProfilDropdownStyle0; }
@@ -11549,7 +11535,7 @@ class Duration {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("road-drawer", { key: '18883acabae49df9f9e957e673d118356011d28c', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '7e0e1b64d1748880df6eb12b06dbd14a6eba8c70' }, hAsync("road-row", { key: '02e407a9f1a56f8c8fc8a48751d95848c7fc5c4f', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
+        return (hAsync("road-drawer", { key: '7321222cd94ddd473b8c1e6bdd6286d3bc667e1c', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '4c732f2bf549095e4fc2ae4ea16294cfcfb660a3' }, hAsync("road-row", { key: '51f86b8547cb413bb307877fb3f9d1e5799d8463', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDurationStyle0; }
@@ -11595,7 +11581,7 @@ class Flap {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (hAsync(Host, { key: '3070a00a39088bc22f27b1e97a4aa635bc27c34d', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'd2c0af9309ce6200b5055a152f26cea71e3c859f' })));
+        return (hAsync(Host, { key: 'd7980784b3e488f587a11a6786835fbe1cf5d0a8', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '59983b06c7042e29b7643afcc3f68f4a8ba85994' })));
     }
     static get style() { return RoadFlapStyle0; }
     static get cmpMeta() { return {
@@ -11641,7 +11627,7 @@ class GlobalNavigation {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'b9dc9e434336aac0badabc03361dee0536ca1382', role: "application" }, hAsync("slot", { key: 'b4d9e5ec254a413489b81b720bd20f5ce18d9da4' })));
+        return (hAsync(Host, { key: '74929b493b275f9e679ac63d98016a31d6cf5f62', role: "application" }, hAsync("slot", { key: '395470abc0ee63663c357c6a8152ad0e3884eeeb' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -11789,7 +11775,7 @@ class GlobalNavigationV2 {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'c9d5417b5d92177482a620e7baa5879fa7d04731', role: "application" }, hAsync("slot", { key: '6d189aef035de7d1816328f150e3402582b97bd7' })));
+        return (hAsync(Host, { key: 'db037b9925c41fc9d76f824acf83e891e655b859', role: "application" }, hAsync("slot", { key: 'e107020f45d83d398fb2b835200299ff234a749b' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -11819,7 +11805,7 @@ class Grid {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'afda2c7ec410ce0c1c06b12091a1416394a3b506' }));
+        return (hAsync("slot", { key: '4292928ec166894a60b6a691f5d7432fdabee8a4' }));
     }
     static get style() { return RoadGridStyle0; }
     static get cmpMeta() { return {
@@ -11922,7 +11908,7 @@ class Icon {
         const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
         // Ajouter une classe "default" si aucune des valeurs n'est définie
         const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
-        return (hAsync(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
+        return (hAsync(Host, { key: '37f9bb4614c5cced30ec69c9db31b52378b49273', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
             ? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
             : hAsync("div", { class: "icon-inner" })));
     }
@@ -12044,7 +12030,7 @@ class Illustration {
     render() {
         const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
         const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
-        return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
+        return (hAsync(Host, { key: '3d69563e09fcbb37f10cc584c86ac0aae5b9321e', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -12147,7 +12133,7 @@ class Img {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        return (hAsync(Host, { key: 'f53be3ccdaadcae1091cab8e04678f1e709d30cd', class: placeholder }, hAsync("img", { key: '2e9b71fd42e3eff11402a195a93d2b93cc7446e6', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
+        return (hAsync(Host, { key: '11b3ada4bdf7e371c599cb8a9fa8982c21e21400', class: placeholder }, hAsync("img", { key: 'ba91d029e9e58ea1b260ac380a1bedefaeb29918', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29468,24 +29454,52 @@ class Input {
             const input = ev.target;
             let newValue = input.value;
             if (this.type === 'number' && this.blockdecimal) {
-                newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si blockDecimal est activé
+                newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si `blockdecimal` est activé
+            }
+            // Convertir en nombre et ajuster selon min/max
+            let numericValue = parseFloat(newValue);
+            const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
+            const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
+            if (!isNaN(numericValue)) {
+                if (minValue !== undefined && numericValue < minValue) {
+                    numericValue = minValue;
+                }
+                if (maxValue !== undefined && numericValue > maxValue) {
+                    numericValue = maxValue;
+                }
+                newValue = numericValue.toString();
+            }
+            if (this.type === 'number') {
+                this.value = newValue;
+                input.value = newValue; // Mise à jour immédiate du champ
             }
-            this.value = newValue;
             this.roadInput.emit(ev);
             this.roadChange.emit({ value: newValue });
+            // Appeler enforceMinMaxValue à chaque modification de la valeur
+            this.enforceMinMaxValue();
         };
         this.onBlur = () => {
             let value = this.getValue();
-            // Vérifier si les contraintes min et max sont définies
-            if (this.min !== undefined && value !== '' && parseFloat(value) < parseFloat(this.min)) {
-                value = this.min; // Ajuster la valeur à la valeur minimale
+            const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
+            const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
+            let numericValue = parseFloat(value);
+            if (!isNaN(numericValue)) {
+                if (minValue !== undefined && numericValue < minValue) {
+                    numericValue = minValue;
+                }
+                if (maxValue !== undefined && numericValue > maxValue) {
+                    numericValue = maxValue;
+                }
+                value = numericValue.toString();
             }
-            if (this.max !== undefined && value !== '' && parseFloat(value) > parseFloat(this.max)) {
-                value = this.max; // Ajuster la valeur à la valeur maximale
+            if (this.type === 'number') {
+                this.value = value;
+                const input = document.getElementById(this.inputId);
+                input.value = value;
             }
-            this.value = value; // Mettre à jour la valeur avec la valeur ajustée
-            // Émettre l'événement roadblur avec la valeur ajustée
             this.roadBlur.emit(value);
+            // Appeler enforceMinMaxValue lors de la perte de focus
+            this.enforceMinMaxValue();
         };
         this.onFocus = () => {
             this.roadFocus.emit();
@@ -29513,25 +29527,35 @@ class Input {
      */
     valueChanged() {
         this.debouncedRoadChange(this.value);
+        // Appeler enforceMinMaxValue après chaque changement de valeur
+        this.enforceMinMaxValue();
+    }
+    async enforceMinMaxValue() {
+        let value = this.getValue();
+        const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
+        const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
+        let numericValue = parseFloat(value);
+        if (!isNaN(numericValue)) {
+            if (minValue !== undefined && numericValue < minValue) {
+                numericValue = minValue;
+            }
+            if (maxValue !== undefined && numericValue > maxValue) {
+                numericValue = maxValue;
+            }
+            value = numericValue.toString();
+        }
+        if (this.type === 'number') {
+            this.value = value;
+            const input = document.getElementById(this.inputId);
+            input.value = value;
+        }
+        this.roadChange.emit({ value });
     }
     getValue() {
         return typeof this.value === 'number'
             ? this.value.toString()
             : (this.value || '').toString();
     }
-    enforceMinMax(el) {
-        if (el.value !== "") {
-            const value = parseInt(el.value);
-            const minValue = parseInt(el.min);
-            const maxValue = parseInt(el.max);
-            if (value < minValue) {
-                el.value = el.min;
-            }
-            if (value > maxValue) {
-                el.value = el.max;
-            }
-        }
-    }
     componentWillLoad() {
         this.debounceChanged(); // Initialize debounce on component load
     }
@@ -29541,7 +29565,7 @@ class Input {
         const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '9251985e0b07d2b85f319d30bd6e4cc46cf78147', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'b0d87d5bde0d232615d200c1b4c611a997931595', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), hAsync("label", { key: '910506a3f147908dd802d645c9d985862cf4126b', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'feb2985f978e936bcde5328233a433eda6f2d16c', class: "invalid-feedback" }, hAsync("road-icon", { key: 'f5d8a3c8edc1ccac2d5b9f9d6b2bcc3f3f7bc283', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '3e11fd43dc68951c17d3ab267bc4a25316e1efce', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '0a2df2f8c92a52d18b6d1063765eaf47809a60b3', name: "checklistPassword" })));
+        return (hAsync(Host, { key: '12b0cdc7b6abc227beb265422bae2da5e687beff', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'ed422344129c95c191946021b79846cd98bacdb5', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input' }), hAsync("label", { key: 'f14ec2e080c89003ceeb912c85d03c214a810299', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '6ee1f4a5d8373f66c824c3c76771384eb45bb71e', class: "invalid-feedback" }, hAsync("road-icon", { key: '2a95a27410376aef3e70107eb68f0855d3fad2a2', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '9d7c9c44f8f927e2bb9db1c72bbb36b121bd066e', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'e1851a187321fb1b64c3184f1241e0aa1ca72b5b', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -29579,7 +29603,8 @@ class Input {
             "label": [1],
             "error": [1],
             "helper": [1],
-            "debounce": [2]
+            "debounce": [2],
+            "enforceMinMaxValue": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -29588,7 +29613,7 @@ class Input {
 }
 let inputIds = 0;
 
-const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([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\"]){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\"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([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\"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot=\"prepend\"]),:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"]){border-color:var(--road-grey-0);border-width:2px;border-right-color:transparent;outline:none;}.input-group:focus-within ::slotted([slot=\"append\"]){border-color:var(--road-grey-0);border-width:2px;border-left-color:transparent;outline:none;}.input-group:focus-within ::slotted(road-input):focus-visible{border-color:var(--road-grey-0);border-width:2px;outline:none;}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(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)}::slotted(road-button):hover{background-color:var(--road-button-ghost-variant)}.input-group-prepend{z-index:1;order:-1}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(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-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)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot=\"append\"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([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\"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append ::slotted(road-button){background-color:var(--road-surface)}.input-group-append:hover ::slotted(road-button){background-color:var(--road-button-ghost-variant)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot=\"append\"]),.input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host([disabled]){cursor:not-allowed}:host([disabled]) .input-group{pointer-events:none;}:host([disabled]) ::slotted([slot=\"append\"]),:host([disabled]) ::slotted([slot=\"prepend\"]){color:var(--road-on-surface-disabled);cursor:not-allowed;background:#e4e5e9}:host([disabled]) ::slotted([slot=\"append\"] road-icon),:host([disabled]) ::slotted([slot=\"prepend\"] road-icon){color:var(--road-on-surface-disabled)}:host([disabled]) road-icon{color:var(--road-on-surface-disabled)}";
+const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-right-color:transparent;border-color:var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0;position:absolute;left:0;top:0;bottom:0}::slotted([slot=\"append\"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0;position:absolute;right:0;top:0;bottom:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([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\"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot=\"prepend\"]),:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"]){border-color:var(--road-grey-0);border-width:2px;border-right-color:transparent;outline:none;}.input-group:focus-within ::slotted([slot=\"append\"]){border-color:var(--road-grey-0);border-width:2px;border-left-color:transparent;outline:none;}.input-group:focus-within ::slotted(road-input):focus-visible{border-color:var(--road-grey-0);border-width:2px;outline:none;}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(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)}::slotted(road-button):hover{background-color:var(--road-button-ghost-variant)}.input-group-prepend{z-index:1;order:-1;position:relative}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(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;border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-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)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot=\"append\"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([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\"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append:hover ::slotted(road-button){background-color:var(--road-button-ghost-variant)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot=\"append\"]),.input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host([disabled]){cursor:not-allowed}:host([disabled]) .input-group{pointer-events:none;}:host([disabled]) ::slotted([slot=\"append\"]),:host([disabled]) ::slotted([slot=\"prepend\"]){color:var(--road-on-surface-disabled);cursor:not-allowed;background:#e4e5e9}:host([disabled]) ::slotted([slot=\"append\"] road-icon),:host([disabled]) ::slotted([slot=\"prepend\"] road-icon){color:var(--road-on-surface-disabled)}:host([disabled]) road-icon{color:var(--road-on-surface-disabled)}";
 var RoadInputGroupStyle0 = inputGroupCss;
 
 /**
@@ -29606,7 +29631,7 @@ class InputGroup {
     handleDisabledChange(newValue) {
         this.updateDisabledState(newValue);
     }
-    /** Applies or removes the `disabled` attribute to/from children. */
+    /** Applique le `disabled` aux enfants */
     updateDisabledState(isDisabled) {
         const children = this.el.querySelectorAll('road-input, road-button, road-select');
         children.forEach(child => {
@@ -29618,9 +29643,24 @@ class InputGroup {
             }
         });
     }
-    componentWillLoad() {
-        // Ensure the initial state of `disabled` is applied before render.
+    /** Vérifie et applique le `text-indent` si `prepend` est présent */
+    updateIndentation() {
+        const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
+        const formControl = this.el.querySelector('.form-control');
+        const formLabel = this.el.querySelector('.form-label');
+        if (formControl) {
+            formControl.style.textIndent = hasPrepend ? '2rem' : '';
+        }
+        if (formLabel) {
+            formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
+        }
+    }
+    componentDidLoad() {
         this.updateDisabledState(this.disabled);
+        this.updateIndentation(); // Appliquer les styles au montage
+        // Observer les mutations (au cas où des éléments sont ajoutés dynamiquement)
+        const observer = new MutationObserver(() => this.updateIndentation());
+        observer.observe(this.el, { childList: true, subtree: true });
     }
     render() {
         const errorClass = this.el.querySelector('road-input[error]') ? 'is-invalid' : '';
@@ -29628,7 +29668,7 @@ class InputGroup {
             ? `size-${this.el.querySelector('road-input').sizes}`
             : '';
         const disabledClass = this.disabled ? 'is-disabled' : '';
-        return (hAsync("div", { key: '1dc07a13ad76efc4b8ab8e2ce83b1c90ca283459', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '1c44dad07b031661812715bff42dafcb9eba22a4', class: "input-group-prepend" }, hAsync("slot", { key: 'ecc99ec7f39e7ecd3f3ee229957e0f97ae63467a', name: "prepend" })), hAsync("slot", { key: '2026617a9bdf3c6b31fa4492dd14d56e635fe464' }), hAsync("div", { key: '4e134a2e344f345d021e0ec1d3100da88dd17a88', class: "input-group-append" }, hAsync("slot", { key: '1cec89a371a53e753813fc61f388fee0108ae695', name: "append" }))));
+        return (hAsync("div", { key: '46a650f180e49072ac60cd8a4afcd0b881dd24d8', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '7841a34b9dee11e56533e856f3d0a772df5d3db4', class: "input-group-prepend" }, hAsync("slot", { key: 'bc2d71d0d0f41aa16a01cefe3c1cdfd9f9d24b31', name: "prepend" })), hAsync("slot", { key: '8fecd8cc846ca4130f3b62084e00549d4541f44c' }), hAsync("div", { key: '6b4ae77e27b88d070ab635033a1cc476364ddb65', class: "input-group-append" }, hAsync("slot", { key: 'a572bc2ddac3a9abe6cf756b19078b360484c872', name: "append" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29708,13 +29748,13 @@ class Item {
                 target,
             };
         const showDetail = detail !== undefined && detail;
-        return (hAsync(Host, { key: '9fb4b35e594ec2393232ad0a9403e279e2e2889c', "aria-disabled": disabled ? 'true' : null, class: {
+        return (hAsync(Host, { key: '469be56a9d2b7ff04d17328e1f2372f0d8dc32a4', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: '9fba47364f496d51e09e3b2a5a92dd00ef71ff87' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: 'b6c630e11c30631eb89b9f6676d456f663cc42cd' }, attrs, { class: {
                 'item-native': true,
                 'item-active': this.active,
                 [`layout-${layout}`]: layout !== undefined,
-            }, part: "native", disabled: disabled }), hAsync("slot", { key: 'fe656d0fa4a1f518f6ab7a43524e244d6eb37d30', name: "start" }), hAsync("div", { key: 'd1c19e1d0a10b578799970249bf4e40cdddd9dc3', class: "item-inner" }, hAsync("div", { key: '3523d2bd743dc2f16cc1dc2de844a3ab3be93ff2', class: "input-wrapper" }, hAsync("slot", { key: 'a7da0e4dcf42fc54130eaafa1a08d16315b52d54' }), hAsync("div", { key: 'd63ad621b6f43da35bec1a270ceacd40876b4d3e', class: "input-wrapper-info" }, hAsync("road-label", { key: '14763d79d648cfbbb21136998287411ab3231cbc', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '5048f0bab07eb191b4ba3d8655a7890a45926541', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'ef5cef7e326421ea28f0420a81a1773b74adc8bf', name: "end" }), showDetail && hAsync("road-icon", { key: 'ecb61fe5b2cd5e3ba3ba8b30427337cbde78fd78', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
+            }, part: "native", disabled: disabled }), hAsync("slot", { key: '73cb715b04a91e036116e2454b3c0d8b24fa91ab', name: "start" }), hAsync("div", { key: 'f70a30dfd59749802632f6c8cde020c9c00a1d41', class: "item-inner" }, hAsync("div", { key: '5eb2450abfda20f2d143e9c44b64509db37d6ad0', class: "input-wrapper" }, hAsync("slot", { key: 'eca2a17a499f9f133cb8fc57f29256ec524dac6c' }), hAsync("div", { key: '0a5c73a520af15de86f0f4eb01041b3c237a0fba', class: "input-wrapper-info" }, hAsync("road-label", { key: '43047116c5d0cec800dcd89b10b7a78edc62f1c6', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '7b320cd59589f64b50c8dbc012a8af155ffd504b', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '2f8fd66c6579cf3895b76485495bea6583cf2244', name: "end" }), showDetail && hAsync("road-icon", { key: '543e90af13b4bd2db1b404bbcad4bc39c7d88a5e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadItemStyle0; }
@@ -29755,7 +29795,7 @@ class Label {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '3ba99679bcd840c743cbc724843909bd267d0ab2' }));
+        return (hAsync("slot", { key: 'a1b53c7175dc84b9608f30199187e89d458f9678' }));
     }
     static get style() { return RoadLabelStyle0; }
     static get cmpMeta() { return {
@@ -29780,9 +29820,9 @@ class List {
     }
     render() {
         const { lines } = this;
-        return (hAsync(Host, { key: 'ddd543051e3de681b5672d7ab87ebe742858da9c', class: {
+        return (hAsync(Host, { key: '04ab5013f370d2bc3f16b06092f280855f02d631', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: '56e04b9869dc48d1011e422c57ec2578e61301c6' })));
+            } }, hAsync("slot", { key: '4a4e1fe77c44c0cae3ca908007d6920fda2bf50f' })));
     }
     static get style() { return RoadListStyle0; }
     static get cmpMeta() { return {
@@ -29867,7 +29907,7 @@ class Modal {
         const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
         const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
         const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
-        return (hAsync(Host, { key: 'b87d292936b3298bd9e0fef68931b1197d89990f', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '9c9ce64aca4d7e856b1a36de791aebd6b7b7affb', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '9afc412d8a8f819d265d2d9102c1c96c14314816', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '3ed271357372e1e6306280c7eaa7283ac2336ab3', class: "modal-content" }, hAsync("header", { key: '806e9a7258847239b31b89576213470e04b2c03d', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: 'aca390c8fbb825c385d43e667f9563a1204eafcb', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '000d132ec44dff846b4cc7d55039ded734f7db4c', class: "modal-body" }, hAsync("slot", { key: '87025f81c5fd3498e38656d96772ba495b34f66e' }))))));
+        return (hAsync(Host, { key: 'dac59227df3d0e20b46690b06cad20eacab6baa4', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '4f975c70b380efb49ca69ceb73a94c496ec153c4', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'c76f6bdece99201272fcab25f44b8c394758c0f3', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '7d8994cb7c4d69bac5cc2f5eaa95dd16ac231b63', class: "modal-content" }, hAsync("header", { key: '163ece49c68ba07d0c6d45bf17149abe766d553b', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '8f7c31d349a38f0004115015162658ddc895ed2d', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '7fa33901867ef3591f9b1232d9e30c4cf39dab51', class: "modal-body" }, hAsync("slot", { key: 'ab3488f37dc4d5885bc17120490f0b9c67fefbdd' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadModalStyle0; }
@@ -29918,7 +29958,7 @@ class Navbar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '1413fa96200fad5a83abd97f951c46b6a6a25777', role: "menubar" }, hAsync("slot", { key: 'c6f91f0af00788a5708cb95f44789938c7d6eeda' })));
+        return (hAsync(Host, { key: '1156d0442b84d86ea8ff25f69177061dbbded5f2', role: "menubar" }, hAsync("slot", { key: '90856108fe5c9b6573b25e857c51d639f8b755de' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -30004,11 +30044,11 @@ class NavbarItem$1 {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '8d13f1295c10b09012ee6f0c3a683c44ea9575de', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
+        return (hAsync(Host, { key: 'cadf540c4904dd77b0a5705b557a6e40680b7c6d', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, hAsync("a", Object.assign({ key: '3053f87c13f67102e2b3e10c9f1e536a083fdf3e' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '74b5de95c1cbcaa1f5bef7dded2e8949134241b5', class: "button-inner" }, hAsync("slot", { key: '84f6e5bf2ba906fdd7356dce268a7e7d8d399bff' })))));
+            } }, hAsync("a", Object.assign({ key: '9f4967c6a8e7a497ffbb68e5afd70408c071c237' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'e56e5c60ab8c089d33ec04a1eb52f27893380271', class: "button-inner" }, hAsync("slot", { key: '12185a907f90bf69ed4246555334296e2e978f50' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30101,11 +30141,11 @@ class NavbarItem {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '191e295ae457ff383a61caf39b2b14b361dfd208', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
+        return (hAsync(Host, { key: '601f204e6f95ffcbdbc28616c6da7f97b0e45e90', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, hAsync("a", Object.assign({ key: '445f29f9ba3534f1b4c02861ea4ac3768cc48b0c' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '3d7a3ac9b15cef609ab6402ed35b030830e03dd8', class: "button-inner" }, hAsync("slot", { key: '059d10fdd31ed3a4e8caecaa62b9aacd4483883f' })))));
+            } }, hAsync("a", Object.assign({ key: 'a3e0ceba2141581c29fbb6c7a6d82765d3857f46' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'b0972e625c45f1b89de7a96e78e848f3e0f707d5', class: "button-inner" }, hAsync("slot", { key: 'ebd2d571b97f8670c0c5bd4d609bca67260e59b5' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30164,7 +30204,7 @@ class NavbarV2 {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (hAsync(Host, { key: 'e4fe4a407edcf036a5f3da534cc88eb4b863ab71', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'ef7df2d2775c533592267b1b420e522e23836d7e' })));
+        return (hAsync(Host, { key: '10d52847da0d9c1c0ae8f72cf105cea490b2bf19', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '42741876dd02cde76118761499e15bf08ca24200' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -30287,10 +30327,10 @@ class PlateNumber {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        return (hAsync("road-input-group", { key: '7980cc259f449b537eb2a03fc4e291f1d1969bfb', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '3149ae01f12aadde00cb72903b09c73a45816732', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '21220cb22eccab0efab05f44a1127bcb6cbd204f', class: "plate-number-start" }, hAsync("road-icon", { key: '2b1e4f33543c17399f1d19088f3d71c1d15c0248', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'ab3f376b26c1bc8b8dcc0741a8d651bf5ef2ab66', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (hAsync("road-input-group", { key: 'efc8fba0e1aea6b0687d4d4a74f3ca724e2d0949', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '5e09e12c31a09ca20aa46888703cb1fc4cf364e5', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '8f11495066f07b1c5697b643cdf32a4f52fe4753', class: "plate-number-start" }, hAsync("road-icon", { key: '3fe1b777b82aa43f73546881435b9527dfb2554d', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '18969517cf65f183dab4c242b9ba233bcd092cb6', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
             .filter(item => item.country === this.country)[0].letter))), this.motorbike
             ? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
-            : (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '247d5b0a7be0f8d5012f5954d569c674e5f294a2', slot: "append", class: "input-group-append" }, hAsync("div", { key: '7ddc6a2c9e8bc5a41677cda5f3b48ae000952d08', class: "plate-number-end" }))));
+            : (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '0b94be622ead0b4d56153be0f679d8d5e5a74c75', slot: "append", class: "input-group-append" }, hAsync("div", { key: '677f04f8acc756c280d1b7ac446e03375f58e609', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -30358,7 +30398,7 @@ class ProgressBar {
         const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
         const light = this.light ? 'progress progress-light' : 'progress';
         const animation = this.animation ? 'animation' : '';
-        return (hAsync(Host, { key: 'f279904305a0aeeed08b41ad7c04dde77b7935bd', class: "progress-element" }, hAsync("div", { key: 'fcc94dd81e3f47e7cd0792223f42132a565ffb0f', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '9df3dc8b11c4d458115e7d772ba04e9c56c49498', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: '77912e82c0338448643cd6e9b1b57f29d882a4d5', class: `${fullwidth}` }, hAsync("span", { key: '41db96be16f003e0efac77d65580e0333e55efea', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: '2096e01438d8d0384c17e781e946aae8217bfab7', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        return (hAsync(Host, { key: 'a0b5c85cace63d6517339d98fc884e2d4bcb8878', class: "progress-element" }, hAsync("div", { key: '6ca715af39959305fbe1ca9946c7ba3af95758a4', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '3bff025c331600a14db6e27bb33b1c33e8590905', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: 'b6e9162da74e74aab4fbe71dfd02d1cf7739b131', class: `${fullwidth}` }, hAsync("span", { key: '666d3090e9b1f11ae900b74baa99fa79dd92224f', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: '544d468f01623e3eb03938a1650943a8b43099bc', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -30399,7 +30439,7 @@ class ProgressIndicatorVertical {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '1316219f8843bbe67b9d108e7855db69251025fa' }, hAsync("nav", { key: '6b2ff0e552c124364a5cdb8419af4c3cf6489a2a' }, hAsync("ul", { key: '279fa6381d7cc7ec44614c3a2611171d1b728a92' }, hAsync("li", { key: '9b4b57a7285a812c7a992c9e35e145f703de9c5b' }, hAsync("slot", { key: '9adfddec33f1ddd9658f2ce50802d193cf880a36' }))))));
+        return (hAsync(Host, { key: 'b9414e9e3a3c39ec4769e96785d81e6ed72f8cb7' }, hAsync("nav", { key: 'ca19afe47fd5ad7e70ea9e57fbb7660b3d8b96d6' }, hAsync("ul", { key: 'cfcba662c75659241a23a3089cf976cfc709b435' }, hAsync("li", { key: '88e01d54ea52de823fa2715c31227cd193e6e02b' }, hAsync("slot", { key: 'f70b71be1951c826d11f7793deb7eed74683eec2' }))))));
     }
     static get style() { return RoadProgressIndicatorVerticalStyle0; }
     static get cmpMeta() { return {
@@ -30423,7 +30463,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3b0c10665a39471c80fd033bc9ac82fe2a5af21b' }, hAsync("slot", { key: '9afd4c52e6b4b5de87e8283a90d44f89cd608c2e' })));
+        return (hAsync(Host, { key: '197a570a10cd38b0894b57886f1da483ee666ebf' }, hAsync("slot", { key: '371681ee0447123ad734b9b00ee26368a2df24f5' })));
     }
     static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
     static get cmpMeta() { return {
@@ -30452,7 +30492,7 @@ class ProgressTracker {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '7d98761f2a2e832defc4a3be6f8ba55ee84e63e5' }, hAsync("nav", { key: 'd7b060564d6010f2cf6258be342337f38d21f465' }, hAsync("ul", { key: '1d738d9f900a278a9c1da0a90fd851cd859af5d7' }, hAsync("li", { key: '07652bae417a2e3654f70751330fdf72bfa2cbfc' }, hAsync("slot", { key: 'd1e1dccc15da4d4b578ed309f63843dc68e0e6d1' }))))));
+        return (hAsync(Host, { key: '96924d494a649b4afae2f4c53e5535a6cde278de' }, hAsync("nav", { key: '51deac30b6a6cbee7831137c03db92befad99fc4' }, hAsync("ul", { key: 'd38a9b448ca5dbcc36daf286f4b82879d1f5ea74' }, hAsync("li", { key: '8ea681def65ff1a9072fd854a9ce6b26025b9e4b' }, hAsync("slot", { key: '1957024fdf2632c253cfdfb61c491f4de4addb7d' }))))));
     }
     static get style() { return RoadProgressTrackerStyle0; }
     static get cmpMeta() { return {
@@ -30484,7 +30524,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad50a5a48f22062d91b353cdc827b0bfd5c0aec2' }, hAsync("slot", { key: '06013bfcc1ae31542a228fc341905dd47e67bbce' })));
+        return (hAsync(Host, { key: '707344b5cf52de10c13d0c66528f8a885d723d7f' }, hAsync("slot", { key: 'c8c1a8c048b465e6aeb171d61287eb7cd4e7b441' })));
     }
     static get style() { return RoadProgressTrackerItemStyle0; }
     static get cmpMeta() { return {
@@ -30577,7 +30617,7 @@ class Radio {
         const inverseClass = this.inverse && 'form-radio-inverse';
         const isInvalidClass = this.error ? 'is-invalid' : '';
         const inlineClass = this.inline ? 'form-radio-inline' : '';
-        return (hAsync(Host, { key: '3153c0da131395b6b1a32e3e6612c63dc1073d0f', class: `form-radio ${inlineClass}` }, hAsync("input", { key: 'e73a45b85d90b9704839cd6937ed74110f6eb6e0', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '83a00bb8c1d319bb4118c0638ed15ebaf848056a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'd00a94092feb5b4bcf7e9c7ec0c5bfe72018d793', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (hAsync(Host, { key: 'c11cc746100baf8868526ee1d8a431015c470851', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '24e69ea377bde8a69821e5362c1b4c33360b77e7', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'f7c6e5c59dc4951501c9bfa36912343cc0a29590', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '59d426e8b7cf57be4a5a601187418b267020bbc8', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioStyle0; }
@@ -30671,7 +30711,7 @@ class RadioGroup {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'bd4d94c95c08aef18d12a279fb9678d1bf3fa008', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '30388fd2a86be9f0dd3d975a6ab549970eb8867f', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '9b632bb00c8191b375ac0a43dcceb67af0d74597', class: "asterisk" }, "*")), hAsync("slot", { key: 'eb69969fd91411bb34b96d85450f017c15afe6c1' }), this.error && this.error !== '' && hAsync("p", { key: 'a9dd413f7c2674317eeb7b8258ae3be9d6c09e6b', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '03341129fd0aa6bdb3bf5b811f0f1c12ed46fe05', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '131297f7e2cf9165fd38f66c25e8a453b19e3cc4', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '33e8a13ec3ea86bcca2520d526769c3135bada44', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: 'e519e05382603e383d756639a9d75bd911572674', class: "asterisk" }, "*")), hAsync("slot", { key: 'f814e675b236c48fbff8c36b0d3bc007994166c5' }), this.error && this.error !== '' && hAsync("p", { key: 'b1f143b28c83493b4268627b47ef7177dfe45466', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'fb65f80a2d3808cc9799a9dbabab082d694be9ca', class: "helper" }, this.helper)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30801,14 +30841,14 @@ class Range {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        return (hAsync(Host, { key: '8fd94a409f0e5e537576ce870b77294a1a3dd871', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'f501f98ca087c5ad0411f8477b04c7b595b6e15c', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '959a1a587bb1a2d56dbdb47b7cb98ea590170261', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '6aca50db080bebbe0e78d8c4bb86ec04552d9af9', class: "form-range", style: {
+        return (hAsync(Host, { key: '528241a7c094dda6bd4e5194f821a887f03ad8ff', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '7691402683ecd90a46f9e17b6026dd979d3e2d74', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: 'bb2b75b872d712e385d158e806af9c6e55c6b941', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '52efddf3b7c114533d6cde35a8e3eeedb79ec431', class: "form-range", style: {
                 "--min": this.min,
                 "--max": this.max,
                 "--value": value,
                 "--background-color": this.disabled
                     ? "var(--road-surface-disabled)"
                     : "initial",
-            } }, this.showValue && hAsync("output", { key: '8e3511fc6d3f5ce44a0da8b737677ee8832b67cf' }), this.showLabels && hAsync("slot", { key: '2ed8c2a46779938262227ec46edd223dc438d69c', name: "datalist" }), hAsync("input", { key: 'ef317d144c64dc881ea3f49dc7f4b251aaabb578', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), hAsync("label", { key: 'fbc87a0dcefd8ce92d0f6548fbc4bab1bcc8cbc4', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'f329d5b20f1f851e34507b9dc5a5cdb5d01dd54c', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: 'ba9c133f7e0c54bdd38489b62b5dd54bcbe11525', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && hAsync("output", { key: 'c07d5e53f40cb05da0fe281e6988f48d9fb1af2d' }), this.showLabels && hAsync("slot", { key: 'ded049319f97b746290e8b7b76e3e11244593026', name: "datalist" }), hAsync("input", { key: 'eafe7909576334624465e188abebb996aa87a768', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), hAsync("label", { key: '765521b40969240611ab81a6f5b3ebc4c0a2dd3a', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '8abd6c8ee708c07da7d7a4a91360117360a57acb', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '8aa8bf201b4d2aea8b2d31a702e2d7cb88452bbc', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30877,7 +30917,7 @@ class Rating {
         const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
         const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
         const readOnly = this.readonly == true ? `readonly` : '';
-        return (hAsync(Host, { key: 'd0916d0972fa54522b71bfd4698416e7d1ce9919' }, hAsync("div", { key: 'abdd431621719c0e5708441194042715c2959419', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => hAsync("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => hAsync("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => hAsync("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && hAsync("a", { key: '51f8155d51c77360e272c820949959d8117b0509', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '33e67df1597b534f47e6a4785744be4d4e79c920', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (hAsync(Host, { key: '420dedbdaba5d4870cbc5c0c66c984127496f299' }, hAsync("div", { key: '9e05ef26deaa4dfe78fd4b0d5f0f151d464a09c7', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => hAsync("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => hAsync("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => hAsync("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && hAsync("a", { key: 'ae6070e89b65a976f9f675428c570a3eb7208351', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '9d58b93cd50d58437d9ca0d0f9d1617cc842c165', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
     static get style() { return RoadRatingStyle0; }
     static get cmpMeta() { return {
@@ -30996,7 +31036,7 @@ class RoadAreaCode {
         const labelId = this.selectId + '-label';
         const valueId = this.selectId + '-value';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '5284737f6b5095e033ea92a070f097c5f484228c', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '4dc67cb4f98cedadf7e9e37ac9ec21e7626e549e', class: `form-select-area has-value ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: '91861b51dc10637ecf2a224209bd0b189fa50430', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '426fa27d96b289f7197e533fc350e0fcfe6e6522', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: 'c3d0eda1463b66ce02d6ae126454b27696283fbe', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: '55bc0f248f7fb4db8cf34998b478755fe5f57791', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '8d71b4acf6d1d5c1b88e4eb84abea2af446f5eb7', class: `form-select-area has-value ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: 'bea9a6cc118e78167bebf27f2f7639ef2b483106', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '520c7197ceb0ddbc6baad4885bb4c331f63928f5', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '8f0e1dc148ed8fcb933a61ecbf98efac03acbf18', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -32221,7 +32261,7 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
 });
 }(libphonenumber));
 
-const phoneNumberInputCss = ".sc-road-phone-number-input-h #phone-number.sc-road-phone-number-input .invalid-feedback.sc-road-input.sc-road-phone-number-input{margin-left:-4.5rem}.is-invalid.sc-road-phone-number-input .form-control.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;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 -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);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-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}";
+const phoneNumberInputCss = ".is-invalid.sc-road-phone-number-input .phone-number-input-field.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;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 -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);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-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.input-xl.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{gap:.25rem;display:flex;width:100%;margin:0.5rem 0;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}.phone-number-input-label.sc-road-phone-number-input{position:absolute;top:1rem;left:6rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.phone-number-input-field.sc-road-phone-number-input:required~.phone-number-input-label.sc-road-phone-number-input::after{color:var(--road-danger-default);content:\" *\"}.phone-number-input-field.sc-road-phone-number-input:focus~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field[required].sc-road-phone-number-input:valid~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field.has-value.sc-road-phone-number-input~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:placeholder-shown~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:-ms-input-placeholder~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-inputs-container.sc-road-phone-number-input{position:relative;display:flex}.road-phone-input-select.sc-road-phone-number-input{margin-bottom:1rem}.is-error.sc-road-phone-number-input{margin-bottom:0}.phone-number-input-field.sc-road-phone-number-input{flex-grow:1;border:1px solid var(--road-input-outline);border-left:0;border-radius:0.25rem;border-bottom-left-radius:0;border-top-left-radius:0}";
 var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
 
 let selectIds$1 = 0;
@@ -32252,12 +32292,8 @@ class RoadPhoneNumberInput {
             phone: this.resetPhoneUtilData(),
         };
     }
-    updateMessagePosition() {
-        this.placeErrorMessage();
-    }
     // On component load
     componentWillLoad() {
-        this.placeErrorMessage();
         let fromSelect = false;
         if (this.phoneValue) {
             this.phoneNumber = this.phoneValue;
@@ -32274,35 +32310,10 @@ class RoadPhoneNumberInput {
     }
     // On user input
     handleInput(event) {
-        this.phoneNumber = event.detail.value;
+        const input = event.target;
+        this.phoneNumber = input.value;
         this.createAndDispatchPhoneData();
     }
-    // On user key down
-    handleKeyDown(event) {
-        // Liste des caractères interdits
-        const caracteresInterdits = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
-        // Vérifier si la touche pressée est dans la liste des caractères interdits
-        if (caracteresInterdits.includes(event.key)) {
-            event.preventDefault();
-        }
-    }
-    // On user key up
-    handleKeyUp(event) {
-        // Récupérer la valeur saisie
-        const inputValue = event.target.value || '';
-        // Vérifier si la valeur contient uniquement des chiffres ou le symbole "+"
-        const containsOnlyNumbersAndPlus = /^[0-9+]*$/.test(inputValue);
-        // Si la valeur ne contient pas uniquement des chiffres ou le symbole "+", réinitialiser le champ de saisie à son état précédent
-        if (!containsOnlyNumbersAndPlus) {
-            // Réinitialiser la valeur du champ de saisie à son état précédent
-            event.target.value = this.phoneNumber;
-        }
-        else {
-            // Si la valeur contient uniquement des chiffres ou le symbole "+", mettre à jour la valeur du numéro de téléphone
-            this.phoneNumber = inputValue;
-            this.createAndDispatchPhoneData();
-        }
-    }
     // On user select
     handleSelect(event) {
         const select = event.target;
@@ -32314,6 +32325,7 @@ class RoadPhoneNumberInput {
         this.updateCountryOptions();
     }
     createAndDispatchPhoneData(fromSelect) {
+        var _a;
         // Init phone util
         const phoneUtil = libphonenumber.exports.PhoneNumberUtil.getInstance();
         const PNF = libphonenumber.exports.PhoneNumberFormat;
@@ -32321,7 +32333,7 @@ class RoadPhoneNumberInput {
         this.returnObject.phone = this.resetPhoneUtilData();
         const tmpCountry = this.selectedCountry.length ? this.selectedCountry : this.countryData[0].countryCode;
         try {
-            const parsedPhoneNumber = phoneUtil.parse(this.phoneNumber, tmpCountry);
+            const parsedPhoneNumber = phoneUtil.parse((_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '', tmpCountry);
             this.returnObject.isError = !phoneUtil.isValidNumber(parsedPhoneNumber) && !this.isEmptyPhoneNumber();
             this.returnObject.phone.nationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.NATIONAL);
             this.returnObject.phone.internationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.INTERNATIONAL);
@@ -32343,7 +32355,7 @@ class RoadPhoneNumberInput {
             const phoneType = Object.entries(libphonenumber.exports.PhoneNumberType).find(entry => entry[1] === phoneUtil.getNumberType(parsedPhoneNumber));
             this.returnObject.phone.numberType = phoneType[0];
         }
-        catch (_a) { }
+        catch (_b) { }
         finally {
             this.roadPhoneNumberInput.emit(this.returnObject);
         }
@@ -32356,16 +32368,18 @@ class RoadPhoneNumberInput {
         this.selectedCountry = value;
     }
     resetPhoneUtilData() {
+        var _a, _b;
         return {
             numberType: 'UNKNOWN',
             countryCode: this.selectedCountry,
             code: this.selectedCountryCode,
-            nationalNumber: this.phoneNumber,
-            internationalNumber: this.phoneNumber,
+            nationalNumber: (_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '',
+            internationalNumber: (_b = this.phoneNumber) !== null && _b !== void 0 ? _b : '',
         };
     }
     isEmptyPhoneNumber() {
-        return !this.phoneNumber.length;
+        var _a;
+        return !((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.length);
     }
     getPhoneCodeFromCountryCode(countryCode) {
         var _a;
@@ -32390,43 +32404,24 @@ class RoadPhoneNumberInput {
             },
         ];
     }
-    placeErrorMessage() {
-        this.waitForElementToExist('.invalid-feedback').then((messError) => {
-            messError.style.display = "flex";
-            messError.style.marginTop = "-0.5rem";
-            const phoneNumberInput = this.el;
-            phoneNumberInput.appendChild(messError);
-        });
-    }
-    waitForElementToExist(selector) {
-        return new Promise(resolve => {
-            if (document.querySelector(selector)) {
-                return resolve(document.querySelector(selector));
-            }
-            const observer = new MutationObserver(() => {
-                if (document.querySelector(selector)) {
-                    resolve(document.querySelector(selector));
-                    observer.disconnect();
-                }
-            });
-            observer.observe(document.body, {
-                subtree: true,
-                childList: true,
-            });
-        });
+    hasValue() {
+        return this.phoneNumber !== '' && this.phoneNumber !== null;
     }
     render() {
-        const selectId = `road-select-${selectIds$1++}`;
+        const id = selectIds$1++;
+        const selectId = `road-phone-number-select-${id}`;
+        const inputId = `road-phone-number-input-${id}`;
         const labelId = selectId + '-label';
         const valueId = selectId + '-value';
         const isInvalidClass = this.errorMessage.length ? 'is-invalid' : '';
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
-        return (hAsync(Host, { key: 'eda1808cf7138f507656e3b3a9fa367fca5d598a' }, hAsync("road-input-group", { key: '2c110dd86bd69aa2619fd54697992dfa54cafe7f' }, hAsync("div", { key: 'cca235435d4edefaf271e75df90236a327805a98', class: `road-phone-input-select ${isErrorClass}`, slot: "prepend" }, hAsync("select", { key: 'f734b4ac6b7bb88ae209689fdf85ce8d3d631302', id: 'phone-number-input', class: `form-select-area has-value ${isInvalidClass}`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '89255560eed68abaf4d2125e62e96695cec49fcf', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '402c5307460ffdbd82281ccce5174687743c01ed', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("road-input", { key: '4d151be9354c9225bafc8cc05b6ebfcfc075e92c', type: "tel", id: "phone-number", sizes: "xl", label: this.phoneLabel, value: this.phoneValue, onRoadChange: (event) => this.handleInput(event), required: this.required, error: this.errorMessage, onKeyDown: (event) => this.handleKeyDown(event), tabIndex: 0 }))));
+        const hasValueClass = this.hasValue() ? 'has-value' : '';
+        const sizes = 'xl';
+        return (hAsync(Host, { key: 'b232bb9bd74d9fe038c221ff848b27b9da2f159d' }, hAsync("div", { key: '477f657fa1614436a6efe877f4e260a8eeb9c67f', class: 'phone-number-inputs-container' }, hAsync("div", { key: 'bd1859551b427c913ddef5715890bb59d430b784', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '73b69daadcb6519742803631f66a555d4ff33671', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '5086cd59439423aaf1803372b63e298cd6f481b2', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: 'a1a5e374d400123cdf4d36151770ba29f97630fc', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'c61e7fee987cdf74f92435037d49c5d162c59504', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: '4395476ddb01976cad55e7f4b59b67394011c21d', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+            && this.errorMessage !== ''
+            && hAsync("p", { key: '3f9033245fa0794065258174b0296226de6cb963', class: "invalid-feedback" }, hAsync("road-icon", { key: '664e6ea9e54b06409d1712ed92ef97940f23e9e1', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return getElement(this); }
-    static get watchers() { return {
-        "errorMessage": ["updateMessagePosition"]
-    }; }
     static get style() { return RoadPhoneNumberInputStyle0; }
     static get cmpMeta() { return {
         "$flags$": 2,
@@ -32464,7 +32459,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'cc1ccb0d6235263b21dadefb893c7c6f9b763e1c' }, hAsync("slot", { key: '33fd4f892b78f389200380580fc4e1ac1e4d429e' })));
+        return (hAsync(Host, { key: 'c24fc7d8828c301b3569e2d2a0cd4dc8d7307828' }, hAsync("slot", { key: '997bf6ba4d7e803fff4b3c30793d4df99bafb238' })));
     }
     static get style() { return RoadRowStyle0; }
     static get cmpMeta() { return {
@@ -32536,10 +32531,10 @@ class SegmentedButton {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        return (hAsync(Host, { key: '75c73710cd486cfe9ecc5ac025d1ef413c2463a9', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: 'f6a97b1c5e95d256b8e196a5047e7b2655415d67', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 [`${sizeClass}`]: true,
-            } }, hAsync("span", { key: '938f5637c68a5cb7a7bc6ee2acaf35587f3643e3', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '62b81b701cf7cf4ce757e6f8d52e3729a985c4e5' }))));
+            } }, hAsync("span", { key: '51bce8ba5647ea8ddcf153b3a74acc46af4edb7c', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '1bd9a44592fd90312ea33e1adc5612cc5db951b9' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonStyle0; }
@@ -32660,7 +32655,7 @@ class Select {
         const labelId = this.selectId + '-label';
         const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'da3422623531e89342177a5d20bb510a59958f89', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'bb6d5b2c7aa0f6d47138e5484a63327ff79ddc13', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("option", { key: 'ac8dce2f36174aef8c8032df94cb8f7697af23d3', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), hAsync("label", { key: '8168c891572f16aef34e042890655f3729b03c9d', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'ccd6055b8edc033654d1c40c1a7b3add511655c6', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: '0659ad9a942daef4a079ca058127d92cc8c20097', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '1383da4d49980f65895b24587ed41968ab5b58e8', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("option", { key: 'f7975f19891715f2f4f33b0356d32f1df18aa7df', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), hAsync("label", { key: '57cbc55337d0f040e639f942b4b03debfd9247aa', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '4970112ce9d96893b926b1aac4a9fb3bae296d69', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -34581,8 +34576,8 @@ class SelectFilter {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        return (hAsync(Host, { key: '754363e1da719022e5d4e2a9bed9e45a307605fb', "is-active": isActive }, hAsync("slot", { key: '6ed491805215e92124fb0de84b8c4edea15a1bab' }), this.isOpen &&
-            hAsync("ul", { key: 'e78ba5806ffed4ceb585b93dac5aa5eb0a1992c7', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
+        return (hAsync(Host, { key: '60762eea1cfe1d08708bd295fc252a68eb40799d', "is-active": isActive }, hAsync("slot", { key: '5bc83358875e4b428f629a95af7bee2a04a37bed' }), this.isOpen &&
+            hAsync("ul", { key: '87f39be578541345a442d10bc26e5f5c66427800', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSelectFilterStyle0; }
@@ -34612,7 +34607,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: 'aa9286d647036cc908db034b7abae677ac5db4c5' }, "\u00A0"));
+        return (hAsync("span", { key: '836ac5581827f074751f3c497b7bc77a8c9e2e73' }, "\u00A0"));
     }
     static get style() { return RoadSkeletonStyle0; }
     static get cmpMeta() { return {
@@ -34643,7 +34638,7 @@ class Spinner {
     render() {
         const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
         const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
-        return (hAsync("svg", { key: '79f895b55bf34f5b4591f0104f067b1bc29b5840', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '333985c957dd76b7694d5717eb64f037018c1613', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (hAsync("svg", { key: '0eede9bda893755c08fb19b9349afb0174c092a5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '0b18e9edd726326c19c3fb3365fd357687de6ff4', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return RoadSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -34693,7 +34688,7 @@ class Stepper {
         const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
         const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
         const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
-        return (hAsync(Host, { key: '6ef1e7653ba0d4956f96cde42abf1f3305d05b44' }, hAsync("nav", { key: '31b9f0460989cf3a2d2c4f763883c4d33f37acb5' }, hAsync("ul", { key: '1acebf1b93845cb95a283485c2b28a8db1d6fe7e', class: `${colorClass}` }, hAsync("li", { key: '379d152f14c3ca5d095097fbdc44d13bdeea24fd', class: `${stateClass}` }, hAsync("a", { key: '4e4453bc9b113f621e997176c143f2966dd4e5b4', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '068326c44af5b05e0d6f5356f8eb9d4f33b02036', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'd06caa135df2ed284388de472c9fba91837f98e8', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'd332efd3e9d13571ceb8c7d0bcc643843f4c492c', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '2744d3572915682f5a1c99c13589052b5e297796', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '2852fd1eb6c83a5bd73bd69fae31b36dfe81d202', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'dada3e2de184745f91dfa6e8271e82a5ace2fb6b', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '49e839a7ad0379e71a650b0afd60a20909579244', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '98d4b45ee6d0fae6dbfa282f9c906814ad748da4', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '8c5b89b084630836e70c6b5222519163e79a3b40', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '2c180eb35979d3d07be8470cc655935d2cb89d22', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '12d8d3e274906772b5cf8b283ee269283356ab3e', class: `${stateThirdStepClass}` }, hAsync("a", { key: '21440094f64c62e5a91491874aa8b946dd2ec687', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '7dc7412d5baca497635e14d131650d4cc3c1e6dc', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '838fc759296b69d700d4b56f2c0a69ba66aa5d11', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '69b738ab252466f3485c1aab5a3a0835a38b4013', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a5cb86ba68da3237b5cb83004ac4c1d295f33689', name: "progress-indicator-horizontal-title3" }))))))));
+        return (hAsync(Host, { key: 'dcf8d6783ca1c50b480e3c8a9e519470df51f126' }, hAsync("nav", { key: 'c918c8ad257418793bffff06a95d20b4483c5533' }, hAsync("ul", { key: 'b97f0b4866076486f4d8622438de10077f476947', class: `${colorClass}` }, hAsync("li", { key: '1250f5e8d9020935ebbd2b84f039318516fb58dc', class: `${stateClass}` }, hAsync("a", { key: 'c2d67459691ae644080e924e9b01d08942c8dfe9', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: 'd9735fef2ab8347ecefb91146f0c1729cf77f1b9', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '5f08cf27f0ac87cbe6c16fd703d14b9c37e4454d', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '322addee8f1aaa5dca2c690b9fbf55533602f32a', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '7a09c36260f1584e1e46ee0bbde4df42bc21e59b', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: 'f84b6d100a4e00801738ada07c9213977e7b3360', class: `${stateSecondStepClass}` }, hAsync("a", { key: '9a05f024d8d56dbb601827c2a4249fa4507e0a7a', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'f5c50f2a0b14e2079bf13698a86b8dc224a73b70', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'aab1fbcf2f816b6183a8d72e6ab99f24eded4852', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '612aeb4c4983caa2457611239459dc81c4e99aa1', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'ff0acac4d0e2e5dde377dc650f2980481cb26615', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'ff685a63ba6ba17eb25c1a409ff11b88b90818ed', class: `${stateThirdStepClass}` }, hAsync("a", { key: 'da6a0f0c080049f92b8ca1ccf818c587a5a39090', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '9ad7a73bc9465595da09073821bac34b00c78e81', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '0a5823fda2102fade43ef222ec7d04737b51b7e9', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '468acc35f192fb7ae2090c8f32045a9406d9a9e2', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'e25d5a5a1702557adada5fb05ea9e551ce5042ef', name: "progress-indicator-horizontal-title3" }))))))));
     }
     static get style() { return RoadProgressIndicatorHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -34795,11 +34790,11 @@ class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = hAsync("label", { key: '9b8763418ebd696deeaf0f96f0ef3df50233b979', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = hAsync("label", { key: '6d2103f99cd9f321a3530b8e1bdffb4422437b06', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
         const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
         const isSpacedClass = this.isSpaced && 'form-switch-spaced';
         const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
-        return (hAsync(Host, { key: '1eb289fc4d05d8ca3b2d51044167681119c01443' }, hAsync("input", { key: '2d91cd17ab57ca1ba4bc0b9d3270d4416c3999ec', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'ef6bce098cdd21249d38b68e0b811f8e6126c402', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '694baf8b86086363e5f5429af152a6f488e660cc', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: '3c6c14bb4fb83b60b391ef9c75a9a60447662ef7' }, hAsync("input", { key: 'e5fa9efadebebc7dd5347601241be9ff7599eaef', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'b1bf4b95034b261643b40774c804bedb54298892', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '06b2f47040884d8c4355f0203cb6b3b4f2efa5c8', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -34854,9 +34849,9 @@ class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (hAsync(Host, { key: '6187e82afbc19467bacecff9dab022208d82d83e', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: '2388b760912fddc34f0204fbe2afe59bfd45e874', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: 'c3899fd5fd831d2904c77263f5b6ef795d594e9b' })));
+            } }, hAsync("slot", { key: 'a9541ba7cf02ca95c4a805927fa146589178876d' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabStyle0; }
@@ -34916,11 +34911,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: '476e362d19cd6d3eac7379cb28a0579f8d165128', role: "tablist", class: {
+        return (hAsync(Host, { key: 'e634e4914b3d846aa4a0288612a5ca375434e143', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '089d0ced1753e49bbf40a2bed3b6de3ce70cde7a' })));
+            } }, hAsync("slot", { key: 'a5f4370b6adc58b86b407b58dde01fab0e3390c3' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35020,7 +35015,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '531265b9c411317f80d42792817d2000195695a8', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: '499691c9d7abe7102aef4174f7a26be94ae9c1f2', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 'tab-has-label': hasLabel,
                 'tab-has-icon': hasIcon,
@@ -35028,7 +35023,7 @@ class TabButton {
                 'tab-has-icon-only': hasIcon && !hasLabel,
                 [`tab-layout-${layout}`]: true,
                 'tab-disabled': disabled, // Classe CSS pour les styles désactivés
-            } }, hAsync("a", Object.assign({ key: '864576c07dfdafdce416c2ad28173e7875d403b1' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '95cf566321f3c956b8682c1ae0a20674966d1b8f', class: "button-inner" }, hAsync("slot", { key: 'a1e2bb5eafc6d9f0b9c166166925d42e52382825' })))));
+            } }, hAsync("a", Object.assign({ key: '3f61d0817e64f4842409aa11b5a4692a9becea7d' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '6089b0b439f90947bccffa02ab102ffb781d6e10', class: "button-inner" }, hAsync("slot", { key: '530819a8013d3e00160c0c7981a566a49d2ba7be' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabButtonStyle0; }
@@ -35062,7 +35057,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'b76d60e60c39e889690419d020151ac7a0b68f08' }));
+        return (hAsync("slot", { key: '969efbc10ec3956ef1bfcfff63d0fcd95d619b20' }));
     }
     static get style() { return RoadTableStyle0; }
     static get cmpMeta() { return {
@@ -35170,7 +35165,7 @@ class Tabs$1 {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: 'ee63f3001e735cc0345f081742b98cc7dda58379', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'ead65e59a9ce47b7ed0034b5e807f41a3f3aae58', name: "top" }), hAsync("slot", { key: '87177efc28c625a4d3e5c893a17ab2ed3be252ef' })));
+        return (hAsync(Host, { key: '97ad0617ea34f3fe3327643bd69aab9060043e8f', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'b69c95aea0a20359b06a2118c4850467e56b156b', name: "top" }), hAsync("slot", { key: '84d9cabe1fbacbac245e954b67c13a21faea1824' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonsStyle0; }
@@ -35306,7 +35301,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '9af7cc85b48f7334fcffd1f73441ea70c98d5dd6', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'd2177dc6d9294c0746b28681c1a8ddf4b52e670a', name: "top" }), hAsync("div", { key: '5a6133642fb46719a0babdda0df26f98e7b51c73', class: "tabs-inner" }, hAsync("slot", { key: 'db5c5137cb9bd1fdb0f587d60fe67fdb3bf40a22' }))));
+        return (hAsync(Host, { key: '4bc7361e3dc40f324459f29259b34d1797edf697', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '387958fa94175f83ee5d8ff37fcb29159f9ab1d7', name: "top" }), hAsync("div", { key: '0a1b85426687b29f19b5490e562227cbe0d36029', class: "tabs-inner" }, hAsync("slot", { key: '237eb046e0b681d845c1f149067b33145d5ac1c0' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabsStyle0; }
@@ -35354,7 +35349,7 @@ class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (hAsync(Host, { key: 'fada54428b148c0572768c9f7f347b7666528f4e', class: `${contrastClass}` }, hAsync("slot", { key: 'e5c53f9a417c064ac4c257a6e5a74bc593c7d5e8' })));
+        return (hAsync(Host, { key: 'b7b5a60405631c55d69a6059b4b08d24570a03a5', class: `${contrastClass}` }, hAsync("slot", { key: 'f1e330db16f68bc41a34d9d35003c2929746fbdc' })));
     }
     static get style() { return RoadTagStyle0; }
     static get cmpMeta() { return {
@@ -35386,7 +35381,7 @@ class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (hAsync(Host, { key: '41de3c220883dbe616d365f940168c46ca079813', class: `${colorClass}` }, hAsync("slot", { key: '4840d935993f294633106ebf2e40ad6ab037b2e3' })));
+        return (hAsync(Host, { key: 'bfb0dd3d26e95625e4422ffda7401f614212203c', class: `${colorClass}` }, hAsync("slot", { key: '67f879cff68567ed12c709ee1685e0d7f8281189' })));
     }
     static get style() { return RoadTextStyle0; }
     static get cmpMeta() { return {
@@ -35496,7 +35491,7 @@ class Textarea {
         const hasValueClass = this.value !== '' ? 'has-value' : '';
         const noResizeClass = this.resize == false ? 'no-resize' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '6fa4a7131094822da9e3251a06a4f16b54b96968', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'a0db598ce5aed5ded46b2f706e82097fbc90d3c7', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: '63b3e8c95d5569a1ad9b6c7181559af217840ef2', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '4a49ff30de8d7aedecd3e5cc774ddb577201a7e5', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '86f47b9aa260fde69a8e4d17ce80d64b37d373ae', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'eeecfd72b3f41d8e48b83a304611de0acbc0e76c', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '5d8972ee6744d8896fe319f7af9593ac535ed301', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: '8ebd025ef2b14dcd25729ac912fd58e995a5e5c1', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'ac2e3cb456af042ea3950c3b2a217892d66e687e', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'a36b93fc1c34d2a734e83f72ad6f113382e2c626', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -35627,7 +35622,7 @@ class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (hAsync(Host, { key: 'df8ad5704239c2193697203241e0676657fa5522', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'b9de22f810cc6cb58e0b28a066be791acf319208', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '9d332bcc62cef6b038bd0718e0fe29e0bb5e1c5e', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '103180fe8d9f9e89b677c0267e779c899c013b74', class: "toast-label" }, this.label), hAsync("button", { key: '152b63bc4ff795a0e1144e528c8fa8a177bbb9f7', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '612cdf2ec677ef1fe22a0e1054728baae7d740c8', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'e2916bfb8cf8e0ea828ff5cafc3fa400401b6ea3', name: "progress" }))));
+        return (hAsync(Host, { key: '963d68bada509717bf67d7a260037641e1a7b7f6', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'fbb4ad85660f6812f390439ec077ee729c7b86ae', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'a213f9050e01d49c13ec343fdfe210b16e54d26e', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '547324e3dc33e3322b3247c829f20424438297a9', class: "toast-label" }, this.label), hAsync("button", { key: 'e53b8272bcf4b9e90c5114eb535ee6ccfab0c77c', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '3b2097476b3d34de79c12136a67606eb1adf3fb2', icon: navigationClose, size: "md" })), hAsync("slot", { key: '17c5fb88f18e89665038e82d5ec28614c046030f', name: "progress" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]
@@ -35667,7 +35662,7 @@ class Toolbar {
     }
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        return (hAsync(Host, { key: 'd0360b97481c8858cc8cba23fc32b031c489b2b3', class: colorClass }, hAsync("div", { key: 'b58fea5a60245841e631bc32b166377b95f8d798', class: "toolbar-container" }, hAsync("slot", { key: '0d09173bafc93a1f3a695bdaf58ad7572500987f', name: "start" }), hAsync("slot", { key: '401575a2e0fb3bdd8143e5b57e3d7aab202a0dbb', name: "primary" }), hAsync("div", { key: 'cb359162e625cf074ec723acdfeaf028930e9fe2', class: "toolbar-content" }, hAsync("slot", { key: '2ea5008e7b77fdbe4d21ece9b89cbdeb2b253c14' })), hAsync("slot", { key: 'e1edbfba20daa66f297614bbba2b3de0d6e9f033', name: "secondary" }), hAsync("slot", { key: 'db5717ae0a9c7ecdea481a2d092820539a1311a6', name: "end" }))));
+        return (hAsync(Host, { key: 'ffc6f4ac8c4ef24eea46bdae04b7a4c04832bf44', class: colorClass }, hAsync("div", { key: '5cd57479fd54221ee9a87a3a6801f14c52200d85', class: "toolbar-container" }, hAsync("slot", { key: '7952ecef2e0dc894bdcc43fd4a40ae3bf60e7890', name: "start" }), hAsync("slot", { key: 'db445d8b30a2bc4eb4069321319fe9eda7dc2844', name: "primary" }), hAsync("div", { key: '3f7733fd49723df3ba704f75d478b441f31ed413', class: "toolbar-content" }, hAsync("slot", { key: 'cbd10156f94a0f9581eceba038f8da5d89acbeb9' })), hAsync("slot", { key: '280ec9f65e0027f54f85aed82e6ac5be5c479ea6', name: "secondary" }), hAsync("slot", { key: '81a86f23332ea53f67e9807428f3d0d8cf152a1c', name: "end" }))));
     }
     static get style() { return RoadToolbarStyle0; }
     static get cmpMeta() { return {
@@ -35693,7 +35688,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '96772b1bc4538e279b0e7d907c95beee244591e3', class: "toolbar-title-page" }, hAsync("slot", { key: '25494eb56d924d9e9b5bb7a66b9d7a8eab44c1f7' })));
+        return (hAsync("div", { key: '7a11cf4b2af6182e9538b11c6b5942b4c572d637', class: "toolbar-title-page" }, hAsync("slot", { key: '51f5dcee2ad059148c9d7357132602d824e3fe63' })));
     }
     static get style() { return RoadToolbarTitlePageStyle0; }
     static get cmpMeta() { return {
@@ -35717,7 +35712,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '9364d8a1ec8f96784727b570787b96765df6d03b', class: "toolbar-title" }, hAsync("slot", { key: '17c2119c82d33ff0eec3bc289edec8911449e8d9' })));
+        return (hAsync("div", { key: 'fdd5193281f75ccc04747f48380fbb4af8658055', class: "toolbar-title" }, hAsync("slot", { key: 'e65fd62179763d5378a7ac93a119f0032665f871' })));
     }
     static get style() { return RoadToolbarTitleStyle0; }
     static get cmpMeta() { return {
@@ -35746,7 +35741,7 @@ class ToolbarV2 {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'fca5a59b3032c6dbd3bcad253404b5dfc10f5a0e', class: "toolbar" }, hAsync("div", { key: '5224acf2dac2577621c14f2edc86db1825b1cc7e', class: "toolbar-container" }, hAsync("div", { key: '8c535cefe3b0ce76b8c7c2c0fb24bc5209edba12', class: "toolbar-container-content-left" }, hAsync("slot", { key: '598c676b7a6aac69ae78927d24bbc0ca2520672a', name: "start" }), hAsync("slot", { key: '83723ffe96e3fdfa4b993588ae05c8132ba364d9', name: "primary" })), hAsync("div", { key: '43b0f9a1a4c10f90d933f28d5c86839d0f003fe2', class: "toolbar-content" }, hAsync("slot", { key: 'ef05cf0892ecf414cca6c505d90c69382ea2a43a' })), hAsync("div", { key: 'd819524856567b0cccc95605a2b93bf1c4984836', class: "toolbar-container-content-right" }, hAsync("slot", { key: '7023266f605c06dd981e53f449e6b43dcc6e8ba4', name: "secondary" }), hAsync("slot", { key: '91595aa28cff2fde7240b0aa485cac2a7fb9dd08', name: "end" })))));
+        return (hAsync(Host, { key: '30cddf1e72a9b460259e8053952e6dcc7e2484b3', class: "toolbar" }, hAsync("div", { key: '5c86fb4db315f53f7341193929c354304524ba94', class: "toolbar-container" }, hAsync("div", { key: '68d87cc9a8d38547e8729cb6fa9a8821d7ab81ee', class: "toolbar-container-content-left" }, hAsync("slot", { key: '94386dd4aa8719e97ac5d51ffc0ca3f7e0e11ee4', name: "start" }), hAsync("slot", { key: '9b3fdc613462cdff090382f11dddb1308dc7da3a', name: "primary" })), hAsync("div", { key: '0153f5b668636a634cfce7f5d6a054785816445b', class: "toolbar-content" }, hAsync("slot", { key: 'ba416a009164948c33711d5a7cdc8f7632a5c983' })), hAsync("div", { key: 'c11139dfa5ed6ac04610c9e28ff3e51176dd4020', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'a22589d012b450cd962d5fbad132a568bf5a2457', name: "secondary" }), hAsync("slot", { key: '76d493946e1500e7f8ae95db6ae955f4b71fa7d6', name: "end" })))));
     }
     static get style() { return RoadToolbarV2Style0; }
     static get cmpMeta() { return {
@@ -35859,12 +35854,12 @@ class Tooltip {
         return triggers.includes(triggerType);
     }
     render() {
-        return (hAsync(Host, { key: '5e5378bca09011fc6cc2d42c2386657a2a059f98', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
+        return (hAsync(Host, { key: '1cf0e4a4f9ed48c4580712f823b2040b3898155c', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
             ,
-            "data-tooltip-position": this.position }, hAsync("slot", { key: '14feedb97350da949b465b67b73ff757e5993125', "aria-describedby": this.tooltipId }), hAsync("div", { key: '991b675659d7b666dd1440229f0daa55a6f6f9de', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, hAsync("slot", { key: 'bea4b3834a23af4d63a131a2b6bf9f795303a983', "aria-describedby": this.tooltipId }), hAsync("div", { key: '603d443e84c4848b6bbb355471467cadf9c9d048', part: "tooltip", id: this.tooltipId, class: {
                 tooltip: true,
                 'tooltip-open': this.isOpen,
-            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'd8595d6dc063b81a775d7f1df551930223105a74', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'cd4e126cffd08a2f796514596cdf5584f831b620', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTooltipStyle0; }
@@ -35964,11 +35959,11 @@ class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = hAsync("label", { key: 'dc3a609b0330a55fc4f0a7a49afa449c11eeda50', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = hAsync("label", { key: '16549585187145555048579f3208d9804df0a909', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
         const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
         const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
         const disabledClass = this.disabled ? 'disabled' : '';
-        return (hAsync(Host, { key: 'f76fe2fde0137de06d721bfc4c39d0afb05efda7' }, hAsync("input", { key: '6e36fab052b76e126530d985fe6466cdee577149', class: "form-toggle-input", type: "checkbox", id: this.toggleId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '1f0da686faa51b024b4ef0fe3ff83f9216d3bbeb', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'b98b4de91885991c9000ae2e789aa717d2f08a4c', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: 'ff45f91630783b5388ca3a94fac387dddb8fa3eb' }, hAsync("input", { key: '7f3681a3bd5518f3f8e0e90770cd93ab78b01b36', class: "form-toggle-input", type: "checkbox", id: this.toggleId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '47b94c6c050469527b66f70699db39267f42a087', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'bb74c50605126d7ea4c2d6b13ef3bcfc4b0f0742', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -36493,7 +36488,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.27.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -36839,19 +36834,19 @@ var MockCustomElementRegistry = class {
         this.__whenDefined.delete(tagName);
       }
     }
-    const doc = this.win.document;
-    if (doc != null) {
-      const hosts = doc.querySelectorAll(tagName);
+    const doc2 = this.win.document;
+    if (doc2 != null) {
+      const hosts = doc2.querySelectorAll(tagName);
       hosts.forEach((host) => {
         if (upgradedElements.has(host) === false) {
-          tempDisableCallbacks.add(doc);
-          const upgradedCmp = createCustomElement(this, doc, tagName);
+          tempDisableCallbacks.add(doc2);
+          const upgradedCmp = createCustomElement(this, doc2, tagName);
           for (let i = 0; i < host.childNodes.length; i++) {
             const childNode = host.childNodes[i];
             childNode.remove();
             upgradedCmp.appendChild(childNode);
           }
-          tempDisableCallbacks.delete(doc);
+          tempDisableCallbacks.delete(doc2);
           if (proxyElements.has(host)) {
             proxyElements.set(host, upgradedCmp);
           }
@@ -45295,11 +45290,11 @@ function parseFragment(fragmentContext, html, options) {
 // src/mock-doc/parse-util.ts
 var docParser = /* @__PURE__ */ new WeakMap();
 function parseDocumentUtil(ownerDocument, html) {
-  const doc = parse(html.trim(), getParser(ownerDocument));
-  doc.documentElement = doc.firstElementChild;
-  doc.head = doc.documentElement.firstElementChild;
-  doc.body = doc.head.nextElementSibling;
-  return doc;
+  const doc2 = parse(html.trim(), getParser(ownerDocument));
+  doc2.documentElement = doc2.firstElementChild;
+  doc2.head = doc2.documentElement.firstElementChild;
+  doc2.body = doc2.head.nextElementSibling;
+  return doc2;
 }
 function parseFragmentUtil(ownerDocument, html) {
   if (typeof html === "string") {
@@ -45317,9 +45312,9 @@ function getParser(ownerDocument) {
   }
   const treeAdapter = {
     createDocument() {
-      const doc = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
-      doc["x-mode"] = "no-quirks";
-      return doc;
+      const doc2 = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
+      doc2["x-mode"] = "no-quirks";
+      return doc2;
     },
     setNodeSourceCodeLocation(node, location2) {
       node.sourceCodeLocation = location2;
@@ -45357,22 +45352,22 @@ function getParser(ownerDocument) {
     getTemplateContent(templateElement) {
       return templateElement.content;
     },
-    setDocumentType(doc, name, publicId, systemId) {
-      let doctypeNode = doc.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
+    setDocumentType(doc2, name, publicId, systemId) {
+      let doctypeNode = doc2.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
       if (doctypeNode == null) {
         doctypeNode = ownerDocument.createDocumentTypeNode();
-        doc.insertBefore(doctypeNode, doc.firstChild);
+        doc2.insertBefore(doctypeNode, doc2.firstChild);
       }
       doctypeNode.nodeValue = "!DOCTYPE";
       doctypeNode["x-name"] = name;
       doctypeNode["x-publicId"] = publicId;
       doctypeNode["x-systemId"] = systemId;
     },
-    setDocumentMode(doc, mode) {
-      doc["x-mode"] = mode;
+    setDocumentMode(doc2, mode) {
+      doc2["x-mode"] = mode;
     },
-    getDocumentMode(doc) {
-      return doc["x-mode"];
+    getDocumentMode(doc2) {
+      return doc2["x-mode"];
     },
     detachNode(node) {
       node.remove();
@@ -45548,9 +45543,9 @@ var jquery_default = (
       nonce: true,
       noModule: true
     };
-    function DOMEval(code, node, doc) {
-      doc = doc || document2;
-      var i2, script = doc.createElement("script");
+    function DOMEval(code, node, doc2) {
+      doc2 = doc2 || document2;
+      var i2, script = doc2.createElement("script");
       script.text = code;
       if (node) {
         for (i2 in preservedScriptAttributes) {
@@ -45559,7 +45554,7 @@ var jquery_default = (
           }
         }
       }
-      doc.head.appendChild(script).parentNode.removeChild(script);
+      doc2.head.appendChild(script).parentNode.removeChild(script);
     }
     const jQuery = {};
     var version = "4.0.0-pre+9352011a7.dirty +selector", rhtmlSuffix = /HTML$/i, jQueryOrig = function(selector, context) {
@@ -45696,8 +45691,8 @@ var jquery_default = (
       },
       // Evaluates a script in a provided context; falls back to the global one
       // if not specified.
-      globalEval: function(code, options, doc) {
-        DOMEval(code, { nonce: options && options.nonce }, doc);
+      globalEval: function(code, options, doc2) {
+        DOMEval(code, { nonce: options && options.nonce }, doc2);
       },
       each: function(obj, callback) {
         var length, i2 = 0;
@@ -46186,11 +46181,11 @@ var jquery_default = (
       });
     }
     function setDocument(node) {
-      var subWindow, doc = node ? node.ownerDocument || node : document2;
-      if (doc == document$1 || doc.nodeType !== 9) {
+      var subWindow, doc2 = node ? node.ownerDocument || node : document2;
+      if (doc2 == document$1 || doc2.nodeType !== 9) {
         return;
       }
-      document$1 = doc;
+      document$1 = doc2;
       documentElement$1 = document$1.documentElement;
       documentIsHTML = !jQuery.isXMLDoc(document$1);
       if (isIE && document2 != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
@@ -50535,10 +50530,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
   }
   createElement(tagName) {
     if (tagName === "#document" /* DOCUMENT_NODE */) {
-      const doc = new _MockDocument(false);
-      doc.nodeName = tagName;
-      doc.parentNode = null;
-      return doc;
+      const doc2 = new _MockDocument(false);
+      doc2.nodeName = tagName;
+      doc2.parentNode = null;
+      return doc2;
     }
     return createElement(this, tagName);
   }
@@ -50578,10 +50573,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
     title.textContent = value;
   }
 };
-function resetDocument(doc) {
-  if (doc != null) {
-    resetEventListeners(doc);
-    const documentElement = doc.documentElement;
+function resetDocument(doc2) {
+  if (doc2 != null) {
+    resetEventListeners(doc2);
+    const documentElement = doc2.documentElement;
     if (documentElement != null) {
       resetElement(documentElement);
       for (let i = 0, ii = documentElement.childNodes.length; i < ii; i++) {
@@ -50590,25 +50585,25 @@ function resetDocument(doc) {
         childNode.childNodes.length = 0;
       }
     }
-    for (const key in doc) {
-      if (doc.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
-        delete doc[key];
+    for (const key in doc2) {
+      if (doc2.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
+        delete doc2[key];
       }
     }
     try {
-      doc.nodeName = "#document" /* DOCUMENT_NODE */;
+      doc2.nodeName = "#document" /* DOCUMENT_NODE */;
     } catch (e) {
     }
     try {
-      doc.nodeType = 9 /* DOCUMENT_NODE */;
+      doc2.nodeType = 9 /* DOCUMENT_NODE */;
     } catch (e) {
     }
     try {
-      doc.cookie = "";
+      doc2.cookie = "";
     } catch (e) {
     }
     try {
-      doc.referrer = "";
+      doc2.referrer = "";
     } catch (e) {
     }
   }
@@ -50678,6 +50673,7 @@ var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
   "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
 ];
 var win = typeof window !== "undefined" ? window : {};
+var doc = win.document || { head: {} };
 var H = win.HTMLElement || class {
 };
 var supportsShadow = BUILD.shadowDom;
@@ -50811,14 +50807,14 @@ var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
 // src/compiler/html/canonical-link.ts
-var updateCanonicalLink = (doc, href) => {
+var updateCanonicalLink = (doc2, href) => {
   var _a2;
-  let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
+  let canonicalLinkElm = doc2.head.querySelector('link[rel="canonical"]');
   if (typeof href === "string") {
     if (canonicalLinkElm == null) {
-      canonicalLinkElm = doc.createElement("link");
+      canonicalLinkElm = doc2.createElement("link");
       canonicalLinkElm.setAttribute("rel", "canonical");
-      doc.head.appendChild(canonicalLinkElm);
+      doc2.head.appendChild(canonicalLinkElm);
     }
     canonicalLinkElm.setAttribute("href", href);
   } else {
@@ -50832,11 +50828,11 @@ var updateCanonicalLink = (doc, href) => {
 };
 
 // src/compiler/html/relocate-meta-charset.ts
-var relocateMetaCharset = (doc) => {
-  const head = doc.head;
+var relocateMetaCharset = (doc2) => {
+  const head = doc2.head;
   let charsetElm = head.querySelector("meta[charset]");
   if (charsetElm == null) {
-    charsetElm = doc.createElement("meta");
+    charsetElm = doc2.createElement("meta");
     charsetElm.setAttribute("charset", "utf-8");
   } else {
     charsetElm.remove();
@@ -51111,13 +51107,13 @@ var parseCss = (css, filePath) => {
     const m = match(/^@([-\w]+)?document *([^{]+)/);
     if (!m) return null;
     const vendor = trim(m[1]);
-    const doc = trim(m[2]);
+    const doc2 = trim(m[2]);
     if (!open()) return error(`@document missing '{'`);
     const style = comments().concat(rules());
     if (!close()) return error(`@document missing '}'`);
     return pos({
       type: 3 /* Document */,
-      document: doc,
+      document: doc2,
       vendor,
       rules: style
     });
@@ -51443,11 +51439,11 @@ var serializeCssPage = (opts, node) => {
 };
 var serializeCssDocument = (opts, node) => {
   const documentCss = serializeCssMapVisit(opts, node.rules);
-  const doc = "@" + (node.vendor || "") + "document " + node.document;
+  const doc2 = "@" + (node.vendor || "") + "document " + node.document;
   if (documentCss === "") {
     return "";
   }
-  return doc + "{" + documentCss + "}";
+  return doc2 + "{" + documentCss + "}";
 };
 var serializeCssMapVisit = (opts, nodes) => {
   let rtn = "";
@@ -51545,12 +51541,12 @@ var collectUsedSelectors = (usedSelectors, elm) => {
 };
 
 // src/compiler/html/remove-unused-styles.ts
-var removeUnusedStyles = (doc, diagnostics) => {
+var removeUnusedStyles = (doc2, diagnostics) => {
   try {
-    const styleElms = doc.head.querySelectorAll(`style[data-styles]`);
+    const styleElms = doc2.head.querySelectorAll(`style[data-styles]`);
     const styleLen = styleElms.length;
     if (styleLen > 0) {
-      const usedSelectors = getUsedSelectors(doc.documentElement);
+      const usedSelectors = getUsedSelectors(doc2.documentElement);
       for (let i = 0; i < styleLen; i++) {
         removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
       }
@@ -51683,41 +51679,41 @@ function collectAttributes(node) {
 var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
 
 // src/hydrate/runner/patch-dom-implementation.ts
-function patchDomImplementation(doc, opts) {
+function patchDomImplementation(doc2, opts) {
   let win2;
-  if (doc.defaultView != null) {
+  if (doc2.defaultView != null) {
     opts.destroyWindow = true;
-    patchWindow(doc.defaultView);
-    win2 = doc.defaultView;
+    patchWindow(doc2.defaultView);
+    win2 = doc2.defaultView;
   } else {
     opts.destroyWindow = true;
     opts.destroyDocument = false;
     win2 = new MockWindow(false);
   }
-  if (win2.document !== doc) {
-    win2.document = doc;
+  if (win2.document !== doc2) {
+    win2.document = doc2;
   }
-  if (doc.defaultView !== win2) {
-    doc.defaultView = win2;
+  if (doc2.defaultView !== win2) {
+    doc2.defaultView = win2;
   }
-  const HTMLElement2 = doc.documentElement.constructor.prototype;
+  const HTMLElement2 = doc2.documentElement.constructor.prototype;
   if (typeof HTMLElement2.getRootNode !== "function") {
-    const elm = doc.createElement("unknown-element");
+    const elm = doc2.createElement("unknown-element");
     const HTMLUnknownElement = elm.constructor.prototype;
     HTMLUnknownElement.getRootNode = getRootNode;
   }
-  if (typeof doc.createEvent === "function") {
-    const CustomEvent2 = doc.createEvent("CustomEvent").constructor;
+  if (typeof doc2.createEvent === "function") {
+    const CustomEvent2 = doc2.createEvent("CustomEvent").constructor;
     if (win2.CustomEvent !== CustomEvent2) {
       win2.CustomEvent = CustomEvent2;
     }
   }
   try {
-    win2.__stencil_baseURI = doc.baseURI;
+    win2.__stencil_baseURI = doc2.baseURI;
   } catch (e) {
-    Object.defineProperty(doc, "baseURI", {
+    Object.defineProperty(doc2, "baseURI", {
       get() {
-        const baseElm = doc.querySelector("base[href]");
+        const baseElm = doc2.querySelector("base[href]");
         if (baseElm) {
           return new URL(baseElm.getAttribute("href"), win2.location.href).href;
         }
@@ -51928,7 +51924,7 @@ var docData = {
   rootLevelIds: 0,
   staticComponents: /* @__PURE__ */ new Set()
 };
-function initializeWindow(win2, doc, opts, results) {
+function initializeWindow(win2, doc2, opts, results) {
   if (typeof opts.url === "string") {
     try {
       win2.location.href = opts.url;
@@ -51943,31 +51939,31 @@ function initializeWindow(win2, doc, opts, results) {
   }
   if (typeof opts.cookie === "string") {
     try {
-      doc.cookie = opts.cookie;
+      doc2.cookie = opts.cookie;
     } catch (e) {
     }
   }
   if (typeof opts.referrer === "string") {
     try {
-      doc.referrer = opts.referrer;
+      doc2.referrer = opts.referrer;
     } catch (e) {
     }
   }
   if (typeof opts.direction === "string") {
     try {
-      doc.documentElement.setAttribute("dir", opts.direction);
+      doc2.documentElement.setAttribute("dir", opts.direction);
     } catch (e) {
     }
   }
   if (typeof opts.language === "string") {
     try {
-      doc.documentElement.setAttribute("lang", opts.language);
+      doc2.documentElement.setAttribute("lang", opts.language);
     } catch (e) {
     }
   }
   if (typeof opts.buildId === "string") {
     try {
-      doc.documentElement.setAttribute("data-stencil-build", opts.buildId);
+      doc2.documentElement.setAttribute("data-stencil-build", opts.buildId);
     } catch (e) {
     }
   }
@@ -51979,7 +51975,7 @@ function initializeWindow(win2, doc, opts, results) {
     constrainTimeouts(win2);
   }
   runtimeLogging(win2, opts, results);
-  doc[STENCIL_DOC_DATA] = docData;
+  doc2[STENCIL_DOC_DATA] = docData;
   return win2;
 }
 
@@ -51997,18 +51993,18 @@ function renderToString(html, options, asStream) {
   opts.constrainTimeouts = false;
   return hydrateDocument(html, opts, asStream);
 }
-function hydrateDocument(doc, options, asStream) {
+function hydrateDocument(doc2, options, asStream) {
   const opts = normalizeHydrateOptions(options);
   let win2 = null;
   const results = generateHydrateResults(opts);
   if (hasError(results.diagnostics)) {
     return Promise.resolve(results);
   }
-  if (typeof doc === "string") {
+  if (typeof doc2 === "string") {
     try {
       opts.destroyWindow = true;
       opts.destroyDocument = true;
-      win2 = new MockWindow(doc);
+      win2 = new MockWindow(doc2);
       if (!asStream) {
         return render(win2, opts, results).then(() => results);
       }
@@ -52022,10 +52018,10 @@ function hydrateDocument(doc, options, asStream) {
       return Promise.resolve(results);
     }
   }
-  if (isValidDocument(doc)) {
+  if (isValidDocument(doc2)) {
     try {
       opts.destroyDocument = false;
-      win2 = patchDomImplementation(doc, opts);
+      win2 = patchDomImplementation(doc2, opts);
       if (!asStream) {
         return render(win2, opts, results).then(() => results);
       }
@@ -52082,41 +52078,41 @@ async function afterHydrate(win2, opts, results, resolve) {
     return resolve(finalizeHydrate(win2, win2.document, opts, results));
   }
 }
-function finalizeHydrate(win2, doc, opts, results) {
+function finalizeHydrate(win2, doc2, opts, results) {
   try {
-    inspectElement(results, doc.documentElement, 0);
+    inspectElement(results, doc2.documentElement, 0);
     if (opts.removeUnusedStyles !== false) {
       try {
-        removeUnusedStyles(doc, results.diagnostics);
+        removeUnusedStyles(doc2, results.diagnostics);
       } catch (e) {
         renderCatchError(results, e);
       }
     }
     if (typeof opts.title === "string") {
       try {
-        doc.title = opts.title;
+        doc2.title = opts.title;
       } catch (e) {
         renderCatchError(results, e);
       }
     }
-    results.title = doc.title;
+    results.title = doc2.title;
     if (opts.removeScripts) {
-      removeScripts(doc.documentElement);
+      removeScripts(doc2.documentElement);
     }
     try {
-      updateCanonicalLink(doc, opts.canonicalUrl);
+      updateCanonicalLink(doc2, opts.canonicalUrl);
     } catch (e) {
       renderCatchError(results, e);
     }
     try {
-      relocateMetaCharset(doc);
+      relocateMetaCharset(doc2);
     } catch (e) {
     }
     if (!hasError(results.diagnostics)) {
       results.httpStatus = 200;
     }
     try {
-      const metaStatus = doc.head.querySelector('meta[http-equiv="status"]');
+      const metaStatus = doc2.head.querySelector('meta[http-equiv="status"]');
       if (metaStatus != null) {
         const metaStatusContent = metaStatus.getAttribute("content");
         if (metaStatusContent && metaStatusContent.length > 0) {
@@ -52126,25 +52122,25 @@ function finalizeHydrate(win2, doc, opts, results) {
     } catch (e) {
     }
     if (opts.clientHydrateAnnotations) {
-      doc.documentElement.classList.add("hydrated");
+      doc2.documentElement.classList.add("hydrated");
     }
     if (opts.serializeToHtml) {
-      results.html = serializeDocumentToString(doc, opts);
+      results.html = serializeDocumentToString(doc2, opts);
     }
   } catch (e) {
     renderCatchError(results, e);
   }
-  destroyWindow(win2, doc, opts, results);
+  destroyWindow(win2, doc2, opts, results);
   return results;
 }
-function destroyWindow(win2, doc, opts, results) {
+function destroyWindow(win2, doc2, opts, results) {
   if (!opts.destroyWindow) {
     return;
   }
   try {
     if (!opts.destroyDocument) {
       win2.document = null;
-      doc.defaultView = null;
+      doc2.defaultView = null;
     }
     if (win2.close) {
       win2.close();
@@ -52153,8 +52149,8 @@ function destroyWindow(win2, doc, opts, results) {
     renderCatchError(results, e);
   }
 }
-function serializeDocumentToString(doc, opts) {
-  return serializeNodeToHtml(doc, {
+function serializeDocumentToString(doc2, opts) {
+  return serializeNodeToHtml(doc2, {
     approximateLineWidth: opts.approximateLineWidth,
     outerHtml: false,
     prettyHtml: opts.prettyHtml,
@@ -52166,8 +52162,8 @@ function serializeDocumentToString(doc, opts) {
     fullDocument: opts.fullDocument
   });
 }
-function isValidDocument(doc) {
-  return doc != null && doc.nodeType === 9 && doc.documentElement != null && doc.documentElement.nodeType === 1 && doc.body != null && doc.body.nodeType === 1;
+function isValidDocument(doc2) {
+  return doc2 != null && doc2.nodeType === 9 && doc2.documentElement != null && doc2.documentElement.nodeType === 1 && doc2.body != null && doc2.body.nodeType === 1;
 }
 function removeScripts(elm) {
   const children = elm.children;